/* added by bala - for print starts*/
.print-icon {
    position: absolute;
    top: 130px;
    right: 13px;
    font-size: 28px;
    z-index: 1;
}

.cc-bottom-fix{
	position: absolute;
    bottom: 0;
    width: 100%;
	
}

.txt_red{
       color:red !important;      
}

.debit-pad0 span.tableheader_nosort{
	padding-right: 0px !important;
}

.print-icon a {
    color: #696969;
}

/* added by bala - for print ends*/

.accntidentsearchsimpletext {
  position: relative;
}

.customdaterange {
  top: 19px;
}

.widget a.customDashProduct {
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 50%;
}


/* Added by Soumen Adjustment of Center Container and left container w.r.t. errorcode: Starts */
.center-container .widget-medium {
    overflow-x: hidden;
}

.errorCodeWrapper {
    width: 70% !important;
}

/* Added by Soumen Adjustment of Center Container and left container w.r.t. errorcode: Ends */
/*Changes done by Soumen for Corporate Widget Consolidated Summary -Starts*/
.widget-body .empty-widget {
    overflow: hidden;
}

.widget .widget-head .h2Widget {
    color: #00aeef;
    font-size: 20px;
    font-weight: 400;
}

#ParentDiv_CorporateUserDashboardUX5_w98__1 {
    width: 100% !important;
}

.con_sum_drop .hiddenButton,.importLoansSearchdiv .notopborder.listingcol,.approval .notopborder.listingcol,.mails-table .footable-filtering {
    display: none;
}

.con_sum_drop {
    margin-bottom: 40px;
    margin-top: 25px;
}

.has_consol_sum_tbl table thead {
    border-bottom: 1px solid #d4d4d4 !important;
}

.autocomplete-values-list {
    overflow-x: hidden;
}

.has_consol_sum_tbl tbody {
    border-bottom: 1px solid #d4d4d4;
}

.has_consol_sum_tbl table tr {
    color: #696969 !important;
}

.has_consol_sum_tbl .listgreyrowtxtleftline {
    margin-left: -30px;
}

.has_consol_sum_tbl .listgreyrowtxtleftline a, .mt10, .appr-container .span-checkbox,.swiper-top-container.controlOptionTableStyle {
    margin-top: 10px;
}

.has_consol_sum_tbl .listgreyrowtxtleftline a:after {
    color: #000000 !important;
}

.con_sum_drop .labelColumn_combo_small {
    width: 34% !important;
}

.con_sum_drop .labelColumn_combo_small .labelColumn_combo_brdr_small {
        width: 100% !important;
    padding-right:0 !important;
}

.con_sum_drop .autocomplete-dropdown {
    width: 245px !important;
    border-bottom: 1px solid #d4d4d4 !important;
    color: rgb(105, 105, 105);
}

/*Changes done by Soumen for Corporate Widget Consolidated Summary -Ends*/
/*Changes done by Soumen for Corporate Widget Banking Facilities -Starts*/
#ParentDiv_CorporateUserDashboardUX5_WBKFC__1 {
    min-height: 430px;
}

.stage3_detailspanelcombobuttonrow .hiddenButton {
    display: none;
}

.for_ra4_c1 .singleTableHeading {
    border-top: none !important;
}

.for_ra4_c1 .footable-filtering {
    display: none;
}

.ra1 {
    margin-bottom: 40px;
    margin-top: 25px;
}

.ra1_c1 .labelColumn_combo_small {
    margin-right: 15px;
}

.ra1 .autocomplete-dropdown {
    border-bottom: 1px solid #d4d4d4 !important;
    color: rgb(105, 105, 105);
}

.for_ra4_c1 .listgreyrowtxtleftline {
    margin-right: 13px !important;
}

.for_ra4_c1 .footable-first-column {
    width: 30% !important;
    padding-left: 20px;
}

.for_ra4_c1 table tbody td:nth-child(2),.pl15 {
    padding-left: 15px;
}

.for_ra4_c1 .HW_tableRightAlign {
    padding-right: 25px;
    padding-left: 10px;
}

.for_ra4_c1 table thead th:nth-child(1) {
    width: 27% !important;
}

.for_ra4_c1 table thead th:nth-child(2) {
    width: 13.8% !important;
    text-align: left !important;
}

.for_ra4_c1 table thead th:nth-child(3) {
    width: 17.8% !important;
}

.for_ra4_c1 table thead th:nth-child(4) {
    width: 20% !important;
}

.for_ra4_c1 table thead th:nth-child(5) {
    width: 20.6% !important;
    text-align: right;
}

.for_ra4_c1 table td {
    color: #9E9E9E;
}

/*
.for_ra4_c1 table tr, .for_ra4_c1 table tbody {
    border-bottom: 1px solid #d4d4d4;
}*/
.for_ra4_c1 table tbody {
    width: 100% !important;
}

.for_ra4_c1 table tbody tr td {
    width: 20% !important;
}

.for_ra4_c1 .searchsimpletext {
    padding-left: 8px;
}

/*
[id="CorporateUserDashboardUX5_WBKFC__1:CustomBankingFacilitiesFG.FACILITY_CCY_ARRAY[1]"] {
    margin-left: 18px !important;
}*/
.for_ra4_c1 table thead th:nth-child(1) {
    padding-left: 20px;
}

.for_ra4_c1 table tbody tr td:nth-child(1) {
    padding-left: 15px;
}

/*Changes done by Soumen for Corporate Widget Banking Facilities -Ends*/
/*Changes done by Soumen for Corporate Widget TradeLinks-Starts*/
#ParentDiv_CorporateUserDashboardUX5_NBFW1UX5__1 {
    width: 365.98px !important;
    overflow: hidden;
}

#CorporateUserDashboardUX5_NBFW1UX5__1_Title,.mb20 {
    margin-bottom: 20px;
}

.widget .stage3_menuIdTextlink li a {
    background-color: transparent !important;
    color: rgb(105, 105, 105) !important;
    padding-left: 25px !important;
}

/* .widget .stage3_menuIdTextlink li a:hover { */
/*     color: #00aeef !important; */
/* } */

.widget .stage3_menuIdTextlink li a:after {
    color: #00aeef !important;
}

.widget .stage3_menuIdTextlink li {
    border-bottom: 1px solid #d4d4d4 !important;
}

/*Changes done by Soumen for Corporate Widget TradeLinks-Ends*/
/*Changes done by Soumen for Corporate Widget LoanAccounts-Starts*/
#ParentDiv_CorporateUserDashboardUX5_W1UX5__1 {
    width: 365.98px !important;
    overflow: hidden;
}

#CorporateUserDashboardUX5_W1UX5__1 .loan-types {
    display: none;
}

[id="CorporateUserDashboardUX5_W1UX5__1:DownloadPanel_Stage315.Ra1"] {
    display: none;
}

#CorporateUserDashboardUX5_W1UX5__1 td.amtRightAlign {
    min-width: 142px;
}

#CorporateUserDashboardUX5_W1UX5__1 td.HW_textwithpadding {
    padding-top: 15px;
    padding-bottom: 10px;
}

#CorporateUserDashboardUX5_W1UX5__1 td.listgreyrowtxtleftline {
    padding-top: 0px;
    padding-bottom: 10px;
}

/*Changes done by Soumen for Corporate Widget LoanAccounts-Ends*/
/* Added by Soumen for Request account statement in Service Requests->New Requests->Accounts: Starts */
.stage3_inputpanel_paydetailsrow .type_FEBADate {
    /*     width: 467px; */
}

.formrow .type_FEBAUnboundString,.formrow .querytextboxmedium_small {
    width: inherit;
}

.width100percent .formrow:last-child {
/*     margin-bottom: 50px; */
}

.width79percent_navigationpanel .waves-effect {
/*     margin: 0 10px; */
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
}

.labelColumn_combo_brdr_small,.labelColumn_combo_small {
    width: inherit;
}

/* .querytextright_stage3 { */
/*     width: 77%; */
/* } */

.formrow .querytextright_stage3 {
    width: 77.74%;
}

.h3new {
    margin-bottom: 10px;
}

.icon-dropdown {
    right: 0px;
    width: 10px;
}

.stage3_leftrightmainpanel h3 {
    box-sizing: content-box
}

.querytextleft_width100percent_withtextalignleft .row .col.s12 {
    width: 94%;
    margin-left: 23px;
}

.formrow .querytextleft {
    width: 22.8%;
}

/* Added by Soumen for Request account statement in Service Requests->New Requests->Accounts: Ends */
.labelcolumnsmall_newlimit {
    border: 0px;
    margin: 0px;
    padding: 7px 0px 5px 2px;
    background: url(../images/backgrounds/input-text.gif) no-repeat 0px 0px;
    height: 19px;
    width: 97%;
    float: right;
    font-size: 11px;
    font-size: 0.69em;
    line-height: 0.69em;
}

.searchsimpletext {
    color: #696969;
    font-size: 13px !important;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.searchsimpletext_newlimit {
    color: #696969;
    font-size: 14px !important;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.labelcolumnsmall_newlimit {
    font-size: 14px !important;
}

/* Added by Manoj for Printing Modal View: Starts */
.custom-print-modal-preview-button {
    font-size: 23px;
    top: -75px;
    margin-right: 50px;
    right: 0px;
    color: #757575;
    position: absolute;
}

/* Added by Manoj for Printing Modal View : Ends */
.querytextright_stage3 .searchsimpletext_newlimit {
    padding-top: 10px;
    padding-right: 2px;
}

/* Mega-menu : Starts  */
#header .header-main {
    background: transparent;
}

#header .header-main #wrapper1 {
    background: #00aeef!important;
}

.mega-menu {
    line-height: 10px;
    font-size: 0.75em;
    height: auto;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.mega-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

.mega-menu ul li {
    float: left;
}

.mega-menu ul li a {
    float: left;
    display: block;
    padding: 10px 9px 16px 9px;
    text-decoration: none;
}

.mega-menu ul li .sub-container {
    position: fixed;
    padding-left: 0px;
    top: 137px;
    margin-top: -1px;
}

.mega-menu ul li .sub {
    padding: 20px 20px 20px 10px;
}

.mega-menu ul li .sub .mega-menu-list-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    clear: both;
    line-height: 15px;
    padding: 10px 0 0 10px;
    height: auto;
    /* width: -webkit-calc(100% - 150px);
  width: calc(100% - 150px); */
    float: right;
}

.mega-menu ul li .sub li {
    list-style: none;
    float: left;
    padding: 0px;
}

.mega-menu ul li .sub li.mega-hdr {
    float: left;
    background-color: #FFFFFF;
}

.mega-menu ul li .sub li.mega-hdr a.mega-hdr-a {
    color: #404040;
    font-weight: normal;
    text-align: left;
}

.mega-menu ul li .sub li.mega-hdr:hover {
    background-color: #EEEEEE;
}

.mega-menu ul li .sub a {
    border: none;
    text-shadow: none;
    padding: 7px 0px 7px 0px;
    display: block;
    word-wrap: break-word;
    float: none;
    text-decoration: none;
    color: #404040;
}

.mega-menu ul li .sub-container.mega .sub {
    padding: 0 10px 2px 0;
    border-right: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b;
    background-color: #FFFFFF;
    position: relative;
    left: -7%;
    width: 540px;
    top: -20px;
}

.mega-menu ul .sub li.mega-hdr li a {
    padding: 7px 8px 7px 20px;
}

.mega-menu ul .sub li.mega-hdr li a:hover {
    color: #025B8E;
    padding: 7px 8px 7px 20px;
}

.mega-menu ul .sub ul li {
    padding-right: 0;
    margin-right: -3px;
    padding: 1px 1px 1px 1px;
}

.mega-menu ul .sub .sub-menu > li > a {
    background: url("../images/Sub-menu-Arrow.png") no-repeat scroll 7px 9px transparent;
    padding-left: 5px;
}

.mega-menu ul .sub .sub-menu > li > a:hover {
    background: url("../images/Sub-menu-Arrow.png") no-repeat scroll 7px 9px transparent;
    padding-left: 5px;
}

.mega-menu > .menu {
    position: relative;
    padding: 0;
    margin: 0;
}

.mega-menu .dc-mega {
    position: relative;
    color: #000000;
}

.mega-menu > ul > li:hover {
    color: #000;
    text-shadow: none;
    background-color: #EEEEEE;
}

.mega-menu > div > div > ul > li > div {
    display: none;
}

.mega-menu div.mega-menu-list-wrapper li.sub-menu-separator {
    float: left;
    margin-right: 2px;
    width: 0px;
}

.mega-menu:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.mega-menu .selected {
    background-image: none;
}

.mega_menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

.mega-menu-list-wrapper:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.headerWelcomeTextSearch .searchIconLink {
    margin-left: 0 !important;
}

.headerouter_r {
    height: 72px;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.headerouter_r > div {
    width: 10%;
    float: left !important;
}

.headerouter_r .logo_1 {
    margin: 0px;
    width: 56px;
    height: 70px;
    float: none;
    background-size: 100%;
    background-image: url(../images/nbf_logo.svg);
    background-position-y: 14px;
    background-repeat: no-repeat;
}

.headerouter_r #topbar {
    height: 100%;
    width: 60%;
}

.headerouter_r .menu-toggle-buttons {
    display: none;
}

.headerouter_r #topbar .mega-menu .menu {
    width: auto;
    position: static;
    font-size: 14px;
    background: transparent;
}

.headerouter_r #topbar .mega-menu ul li a.dc-mega {
    color: #fff !important;
}

.headerouter_r #topbar .mega-menu ul li .sub-container {
    display: none;
    position: absolute;
    padding-left: 0px;
    top: 0px;
    left: 0px !important;
    background: #008cbf;
    padding: 0px;
}

.headerouter_r #topbar .mega-menu ul li .sub-container.mega .sub {
    padding: 0 10px 2px 0;
    background: transparent;
    border: 0px;
    position: relative;
    left: 0%;
    left: 0%;
    top: 0px;
    width: 100%!important;
    margin: 0px auto;
}

.headerouter_r #topbar .mega-menu ul li .sub-container.mega .sub.subTwoLevelMenu {
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper {
    padding: 0px;
    width: calc(100% - 115px);
    float: right;
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper > ul {
    width: 100%;
    float: right;
/*     max-height: 300px; *//*commented by bala- to match indivirtual design*/
    margin-top: 1px;
    /*added by bala- to match indivirtual design*/
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper .nbs-flexisel-item {
    width: auto;
    padding: 10px 0px;
    margin: 0 25px;
    background: transparent !important;
    white-space: nowrap;
    color: #fff;
    position: relative;
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper .nbs-flexisel-item:after {
    border-bottom: none;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: absolute;
    content: '';
    left: 0%;
    bottom: -10px;
    width: 100%;
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper .nbs-flexisel-item.selected:after,.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper .nbs-flexisel-item:hover:after {
    border-bottom: 4px solid #ffffff;
    bottom: 0px;
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper .nbs-flexisel-item a.mega-hdr-a {
    color: #fff;
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper li.mega-unit .sub-menu, .tfin-container  .dropdown-button:after {
    display: none !important;
}

.headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper li.mega-unit:hover .sub-menu {
    display: none !important;
}

body:not(.menu-opened) .headerouter_r #topbar .mega-menu ul.nbs-flexisel-ul>li.nbs-flexisel-item.selected:not(.more-option) .sub-container, body:not(.menu-opened) .headerouter_r #topbar .mega-menu ul.nbs-flexisel-ul>li.nbs-flexisel-item:not(.more-option):hover .sub-container {
    display: block!important;
    min-height: 50px;
    width: 100%;
    top: 73px !important;
    overflow: hidden;
}

body:not(.menu-opened) .headerouter_r #topbar .mega-menu ul.nbs-flexisel-ul>li.nbs-flexisel-item:not(.more-option):hover .sub-container {
    z-index: 999;
}

/* .headerouter_r #topbar .mega-menu ul li.nbs-flexisel-item:hover .sub-container {
  display: block!important;
  min-height: 50px;
  width: 100%;
  top: 72px !important;
  overflow: hidden;
} */
.headerouter_r #topbar .header-nav {
    height: 100%;
    width: 100%;
    margin: 0px!important;
    padding: 0px;
}

.headerouter_r #topbar .header-nav .mega-menu {
    height: 100%;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container {
    height: 100%;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner {
    height: 100%;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul {
    height: 100%;
    display: inherit;
    white-space: nowrap;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul .SlideButton {
    display: none;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item {
    line-height: 72px;
    display: inline-block;
    float: none;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.more-option .material-icons {
    height: 72px;
    position: absolute;
    line-height: 72px;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega {
    padding: 0 1.5em;
    position: relative;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .selected.nbs-flexisel-item a.dc-mega {
    font-weight: 600;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega[data-notification="true"]:before {
    background: #FF6E6E;
    border-radius: 50px;
    position: absolute;
    right: 1.286em;
    top: 1.286em;
    height: 8px;
    content: ' ';
    width: 8px;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega.more-dropdown-button:after {
    content: unset;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega.hide-item {
    display: none;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item:hover a.dc-mega:after {
    border-bottom: 10px solid #008cbf;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    /*     -webkit-transition: all ease 0.3s; */
    /*     -o-transition: all ease 0.3s; */
    /*      transition: all ease 0.3s; commented as the NDVirtual Design does not have transistion - Bala */
    right: auto;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega.more-dropdown-button:after, .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega:after {
    content: '';
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.more-option:hover .dropdown-content a.dc-mega:after {
    content: unset;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item:not(.selected):hover a.dc-mega:after, .is_hovered a:after {
    bottom: -4px;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item:hover a.dc-mega:after, .is_hovered a:after{
    border-bottom: 10px solid #008cbf;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.more-option ul {
    width: auto!important;
    top: 71px!important;
    z-index: 999;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.more-option .nbs-flexisel-item a.dc-mega {
    line-height: 50px;
    width: 100%;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega .menu_count {
    background: #FF6E6E;
    color: #fff!important;
    width: 8px;
    height: 8px;
    text-indent: -10000px;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.more-option ul li a.dc-mega {
    color: #00aeef !important;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.more-option a.dc-mega.active:after {
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: ' ';
    left: 50%;
    bottom: 0px;
    right: auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.more-option ul.dropdown-content:after {
    content: unset;
}

.headerouter_r #topbar #header {
    height: 100% !important;
}

.headerouter_r .nbs-flexisel-ul {
    left: 0px !important;
}

.headerouter_r .wrapper.wrapper_bkgcolor {
    width: 100%;
    padding-left: 0px;
}

.headerouter_r #main {
    display: none;
    min-height: auto !important;
    padding: 0 !important;
    height: 100%;
}

.headerouter_r #main .wrapper_bkgcolor {
    background-color: transparent;
}

.headerouter_r .txt_boxnew {
    width: 30% !important;
    width: auto;
    float: none;
    height: auto;
    margin: 0px;
}

.headerouter_r .txt_boxnew .headerRowsetRight {
    height: auto;
    width: 100%;
    display: block;
    position: static;
}

/* .headerouter_r .txt_boxnew .headerRowsetRight .search-text-section {
  margin-top: 25px;
} */
.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText {
    position: static;
    width: 100%;
    margin: 0px;
    padding: 0px;
    
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .searchTextBox {
    margin: 0px;
    display: none;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .waves-input-wrapper {
    display: none;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .searchIconLink {
    bottom: auto;
    margin-left: 0px;
    max-width: 30px;
    float: left;
    padding-top: 24px;
}

/* .headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .searchIconLink:before{ */
/* 	content:'search'; */
/* 	font-family: 'Material_Icons'; */
/*     font-weight: normal; */
/*     font-style: normal; */
/*     font-size: 24px; */
/*     line-height: 1; */
/*     letter-spacing: normal; */
/*     text-transform: none; */
/*     display: inline-block; */
/*     white-space: nowrap; */
/*     word-wrap: normal; */
/*     direction: ltr; */
/*     -webkit-font-feature-settings: 'liga'; */
/*     -webkit-font-smoothing: antialiased; */
/* } */
.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn {
    width: 0px !important;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    width: 0% !important;
    position: absolute;
    right: 38%;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn.show-text-box {
    width: 45% !important;
    top: 20px;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn.show-text-box > .searchTextBox {
    margin: 0px !important;
    padding-right: 0px !important;
    display: block;
    height: 30px;
    width: 100% !important;
    background: transparent!important;
}

#wrapper1 .txt_boxnew .HW_logoffLink {
    display: block;
    background: none;
    float: left;
    height: auto;
    margin-top: -10px;
}

#wrapper1 .txt_boxnew .HW_logoffLink .btn.btn-islamic {
    border: 1px solid #ffffff;
    background-color: #2ECC71;
}

#wrapper1 .txt_boxnew .HW_logoffLink .btn {
    text-transform: capitalize;
    width: 100%;
    white-space: nowrap;
}

.headerouter_r #main .skipContRow {
    position: static;
    margin: 0px;
}

.headerouter_r #main .skipContRow .hidden_default_form_button {
    position: static;
    float: none;
}

.headerouter_r #main .skipContRow .hidden_default_form_button #blockDefaultActionHiddenButton {
    width: 0px;
}

#header-main #main .toprow {
    padding: 0px;
}

#main .toprow #InfoPanel.section {
    padding: 0px;
}

@media screen and (min-width: 640px) {
    #header .header-nav {
        background-color: transparent;
        border-bottom: 1px solid transparent;
    }

    #global .headerouter_r {
        padding: 0px;
    }
}

@media screen and (max-width: 949px) and (min-width: 750px) {
    .searchIconLink {
        margin-left: 0px !important;
        float: right;
        top: 0;
    }

    .headerouter_r #main .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn.show-text-box > .searchTextBox {
        color: #ffffff !important;
        line-height: inherit;
        background-color: transparent !important;
        float: none;
        top: auto;
        margin-top: inherit;
        width: inherit;
    }
}

@media only screen and (max-width: 992px) {
    .headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper, .headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper > ul {
        width: 100%;
    }

    .search-text-section .headerWelcomeText, .pl0 {
        padding-left: 0!important;
    }
	.search-text-section .headerWelcomeText{
		padding-bottom: 5px !important;
	}
    .headerouter_r #topbar {
        height: auto;
        width: calc(100% - 25px - 28px - 76px);
        flex-grow: 1;
    }

    .headerouter_r .txt_boxnew {
        width: 28px !important;
    }

    .headerouter_r .menu-toggle-buttons {
        display: block;
        width: 25px;
        margin-top: 24px;
        margin-right: 10px;
    }

    .headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .searchIconLink {
        display: block;
        padding-left: 0 !important;
        top: 0 !important;
        right: 0 !important;
    }

    .headerouter_r .menu-toggle-buttons .mobile-menu-buttons {
        background: none;
        color: #fff;
        border: none;
    }

    .headerouter_r .menu-toggle-buttons .burger-menu-button {
        display: block;
    }

    .menu-opened .headerouter_r .menu-toggle-buttons .burger-menu-button {
        display: none;
    }

    .headerouter_r .menu-toggle-buttons .menu-close-button {
        display: none;
    }

    .menu-opened .headerouter_r .menu-toggle-buttons .menu-close-button {
        display: block;
        padding-top: 22px;
    }

    #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul {
        display: block!important;
    }

    #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega {
        display: none;
    }

    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item {
        position: relative;
    }

    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item > a:before,
     .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item > a:after {
        position: absolute;
        content: '';
        top: 22px;
        right: 17px;
        background: #fff;
    }

    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item > a:before {
        width: 16px;
        height: 2px;
    }

    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item  > a:after {
        width: 2px;
        height: 16px;
        right: 24px;
        top: 15px;
        opacity: 1;
        left: auto;
        -webkit-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear;
    }
.menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item > a.hyperLinkHeadingClick:after {
		display: none;
	}
    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.selected:after, .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item:hover:after {
        content: none;
    }

    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item a.dc-mega, #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.selected a.dc-mega:not(.hide-item) {
        display: block;
     	text-align: left;
    }

    #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item:hover a.dc-mega:after, #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item.selected a.dc-mega:after {
        border: 0px;
    }

    #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item {
        float: right;
    }

    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item {
        float: none;
    }

    .menu-opened .headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper {
        margin: 0px;
        padding: 0px 1.5em;
    }

    .menu-opened .headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper, .menu-opened .headerouter_r #topbar .mega-menu ul li .sub .mega-menu-list-wrapper > ul, .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu li, .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu li a {
        float: none;
        display: block;
    }

    .menu-opened #global .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .nbs-flexisel-item {
        line-height: 48px;
        border-bottom: 1px solid #01a3de;
    }

    .menu-opened .headerouter_r #topbar .mega-menu ul li .sub-container {
        position: static;
        min-height: auto!important;
        height: auto;
    }

    .menu-opened #topbar {
        position: absolute;
        top: 100px;
        left: 100%;
        width: 100%;
        background: #00aeef;
        z-index: 1000;
        height: 100%;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transition: -webkit-transform 0.3s linear;
        transition: -webkit-transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    }

    .menu-opened #wrapper1 .txt_boxnew.slide, .menu-opened #topbar.slide {
        left: 0px;
        -webkit-transition: left 0.3s linear;
        transition: left 0.3s linear;
    }

    .menu-opened #topbar {
        webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .menu-opened #wrapper1 .logo-container {
        display: none;
    }

    .menu-opened #wrapper1 .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul .swiper-wrapper {
        display: block;
    }

    .menu-opened #wrapper1 .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul .swiper-wrapper .swiper-slide {
        display: block;
    }

    .menu-opened #wrapper1 .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul .swiper-wrapper .swiper-slide:after {
        content: unset;
    }

    .menu-opened #wrapper1 .menu-toggle-buttons {
        position: absolute;
        z-index: 1001;
    }

    .menu-opened #wrapper1 .txt_boxnew {
        display: block;
        position: absolute;
        top: 0px;
        height: 100px;
        z-index: 1000;
        background: #00aeef;
        width: 100%!important;
        left: 100%;
    }

    .menu-opened .headerouter_r .txt_boxnew .headerRowsetRight .search-text-section {
        width: 70%;
        margin: 0 auto;
        margin-top: 16px;
    }

    .menu-opened #wrapper1 .txt_boxnew .searchIconLink {
        display: none;
    }

    .menu-opened #header .header-main #wrapper1 {
        position: static;
    }

    #wrapper1 .txt_boxnew .HW_logoffLink {
        display: none;
    }

    .menu-opened #wrapper1 .txt_boxnew .HW_logoffLink {
            display: block;
		    width: 50%;
		    margin-left: 0px;
		    margin-right: 0px;
		    padding: 0 2px;
    }

    .headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn.show-text-box {
        width: 60%!important;
    }

    .headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn {
        right: 20%;
    }
}

.third-level-menus {
    border-bottom: 2px solid #e3e3e3;
}

.third-level-menus .swiper-slide {
    width: auto!important;
    padding: 0px;
}

.third-level-menus .swiper-slide a {
    color: #696969;
    padding: 8px 0 8px;
    border-width: 0 0 5px 0;
    border-style: solid;
    border-color: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 1rem;
}

.third-level-menus .swiper-slide a.ActiveMenu {
    color: #0daae5;
    border-color: #0daae5;
}

/* Mega-menu : Ends  */
/* navigator-widget : Starts  */
/* common widget styles of navigator based on new Proto*/
#DASHL2a .widget.widget-small {
    border: 0px;
}

.widget .widget-body .leftRoundCornerWidget {
    height: auto;
}

.widget .widget-body .widget-content .multiTableHeading .listrowwrapper {
    border-bottom: 1px solid #e3e3e3;
}

.widget .widget-body .leftRoundCornerWidget .centerHeaderSubsecWidget {
    height: auto;
}

.widget .widget-body .leftRoundCornerWidget .centerHeaderSubsecWidget .rightRoundCornerIWantTo {
    min-height: auto;
    padding: 0px;
}

.widget .stage3_rtpanelwhitebg {
    display: none;
}

.widget .stage3_menuIdTextlink {
    color: #fff;
    height: auto;
    margin: 0px;
}

.widget .stage3_menuIdTextlink li {
    padding: 0px;
    margin: 0;
    margin-bottom: 1px;
    position: relative;
}

.widget .stage3_menuIdTextlink li:last-child {
    margin-bottom: 0px;
}

.widget .stage3_menuIdTextlink li a,.widget .stage3_menuIdTextlink li a:hover {
    background: #00aeef !important;
    border-radius: 2px;
    position: relative;
    padding: 0.8572em -webkit-calc(1.7144em) 0.8572em 0.8572em;
    padding: 0.8572em calc(1.7144em) 0.8572em 0.8572em;
    display: block;
    color: #ffffff;
}

.widget .stage3_menuIdTextlink li a:after {
    font-family: 'icomoon';
    font-size: 15px;
    content: "\e919";
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 1;
    color: #ffffff !important;
}

/* common widget styles of navigator based on new Proto*/
/* navigator-widget : Ends  */
/* nbf-common : starts */
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.material-icons {
    font-family: 'Material_Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.more.dropdown-button:after {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #8d9093 !important;
}

.waves-effect {
    margin: 0px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

.toprow.parentTable>#MessageDisplay_TABLE {
/*    display: none;*/
} 

/* ::-webkit-scrollbar { */
/*     width: auto; */
/*     height: auto; */
/*     ; } */

div[id^="ascrail"] {
    display: none;
}

#global .container, .footer-wrapper .container, #global .headerouter_r {
    margin: 0 auto;
    width: 100%;
    /* padding-left: 0.86rem;
    padding-right: 0.86rem;*/
}


@media (max-width: 992px) {
    #global .container, .footer-wrapper .container, #global .headerouter_r {
        margin: 0 auto;
        width: 100%;
        padding-left: 0.86rem;
        padding-right: 0.86rem;
    }
    #global .headerouter_r {
        display: flex;
    }

    .headerouter_r > div {
        width: 56px;
    }
}

@media (min-width: 993px) {
    #global .container, .footer-wrapper .container {
        width: 970px;
    }

    #global .headerouter_r,.headerouter_r #topbar .mega-menu ul li .sub-container.mega .sub.subTwoLevelMenu,#MessageDisplay_TABLE_5,.for_mail_container_width,#MessageDisplay_TABLE,.register_content_container {
        width: 970px!important;
    }
}

@media (min-width: 1200px) {
    .headerouter_r #topbar {
        width: 65%;
    }

    .headerouter_r .txt_boxnew {
        width: 25% !important;
    }

    #global .container, .footer-wrapper .container {
        width: 1170px;
    }

    #global .headerouter_r,.headerouter_r #topbar .mega-menu ul li .sub-container.mega .sub.subTwoLevelMenu,#MessageDisplay_TABLE_5,.for_mail_container_width,#MessageDisplay_TABLE,.register_content_container {
        width: 1170px!important;
    }
}

/* nbf-common : ends */
/* nbf-font-style : starts */
@font-face {
    font-family: "Roboto";
    src: local(Roboto Thin), url("../fonts/materializeFonts/Roboto-Thin.woff2") format("woff2"), url("../fonts/materializeFonts/Roboto-Thin.woff") format("woff");
    font-weight: 100;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Light), url("../fonts/materializeFonts/Roboto-Light.woff2") format("woff2"), url("../fonts/materializeFonts/Roboto-Light.woff") format("woff");
    font-weight: 300;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Regular), url("../fonts/materializeFonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/materializeFonts/Roboto-Regular.woff") format("woff");
    font-weight: 400;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Medium), url("../fonts/materializeFonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/materializeFonts/Roboto-Medium.woff") format("woff");
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Bold), Surl("../fonts/materializeFonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/materializeFonts/Roboto-Bold.woff") format("woff");
    font-weight: 700;
}

@font-face {
    font-family: 'open_sansregular';
    src: url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url("../fonts/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/opensans-semibold-webfont.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url("../fonts/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url("../fonts/helveticaneue_medium-webfont.woff2") format("woff2"), url("../fonts/helveticaneue_medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_monomedium';
    src: url("../fonts/robotomono-medium-webfont.woff2") format("woff2"), url("../fonts/robotomono-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg") format("svg");
    /* Legacy iOS */
}

/* fix font-load issue in IE - Bala starts*/
@font-face {
    font-family: 'Material_Icons';
    src: url("../fonts/material-icons-webfont.woff2") format("woff2") , url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons, .paginationjs-prev a:before, .paginationjs-next a:before {
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}

/* fix font-load issue in IE - Bala Ends*/
/* div, p, table, td, tr, thead, tbody, ul, li, ol, textarea, a, input, */
/* h1,h2,h3,h4,h5,h6 { */
/*   font-family: "open_sansregular", arial, sans-serif !important; */
/* } commented by bala as already added in multiple places*/
html, body {
    line-height: 24px!important;
    font-size: 14px!important;
    font-family: "open_sansregular", arial, sans-serif !important;
    font-weight: normal!important;
    color: #696969;
    background: none;
}

/* nbf-font-style : ends */
/* promo-swiper : starts */
/* promo-swiper */
#DASHL3>.widget.widget-small {
    border: 1px solid transparent;
}

.promo-swiper.proSli {
    max-width: inherit;
    margin: 0px;
    width: auto;
    padding-top: 0;
}

.promo-swiper.proSli .swiper-slide:before {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 80px;
    content: '';
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff', GradientType=0);
}

.promo-swiper.proSli .swiper-slide:after {
    z-index: 100;
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    height: 80px;
    width: 100%;
    content: '';
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(3, 3, 3, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(99%, rgba(3, 3, 3, 0.6)), to(rgba(0, 0, 0, 0.6)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(3, 3, 3, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(3, 3, 3, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000', GradientType=0);
}

.promo-swiper.proSli .offersImg img {
    height: auto;
    margin-bottom: 0px;
}

.promo-swiper.proSli .swiper-pagination {
    position: static;
    padding: 10px 0px;
}

.promo-swiper.proSli .swiper-slide>span:first-child {
    position: absolute;
    text-align: center;
    color: white;
    top: 16px;
    width: 86%;
    left: 7%;
    z-index: 100;
    height: auto;
}

.promo-swiper.proSli .swiper-slide>span {
    position: static;
    width: 100%;
}

.promo-swiper.proSli .swiper-slide>span:last-child {
    position: absolute;
    text-align: center;
    color: white;
    z-index: 101;
    bottom: 20px;
    height: auto;
    left:calc(50% - 64px) !important;
    top:auto;
}

.promo-swiper.proSli .swiper-slide .promo_button>input[type="submit"] {
    text-transform: capitalize;
    font-family: "open_sansregular", arial, sans-serif!important;
    line-height: 36px;
}
.promo_button, .download-link-btn-container i{
	height: 36px !important;
}
.promo-swiper.proSli .swiper-pagination-bullet {
    margin: 0 5px;
    height: 10px;
    width: 10px;
}

/* promo-swiper */
/* promo-swiper : ends */
/* updated-materialize: starts */
.row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.86rem;
    min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
    position: relative;
}

.row .col.s1 {
    width: 8.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s2 {
    width: 16.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s5 {
    width: 41.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s7 {
    width: 58.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s8 {
    width: 66.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s10 {
    width: 83.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s11 {
    width: 91.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.offset-s1 {
    margin-left: 8.33333%;
}

.row .col.pull-s1 {
    right: 8.33333%;
}

.row .col.push-s1 {
    left: 8.33333%;
}

.row .col.offset-s2 {
    margin-left: 16.66667%;
}

.row .col.pull-s2 {
    right: 16.66667%;
}

.row .col.push-s2 {
    left: 16.66667%;
}

.row .col.offset-s3 {
    margin-left: 25%;
}

.row .col.pull-s3 {
    right: 25%;
}

.row .col.push-s3 {
    left: 25%;
}

.row .col.offset-s4 {
    margin-left: 33.33333%;
}

.row .col.pull-s4 {
    right: 33.33333%;
}

.row .col.push-s4 {
    left: 33.33333%;
}

.row .col.offset-s5 {
    margin-left: 41.66667%;
}

.row .col.pull-s5 {
    right: 41.66667%;
}

.row .col.push-s5 {
    left: 41.66667%;
}

.row .col.offset-s6 {
    margin-left: 50%;
}

.row .col.pull-s6 {
    right: 50%;
}

.row .col.push-s6 {
    left: 50%;
}

.row .col.offset-s7 {
    margin-left: 58.33333%;
}

.row .col.pull-s7 {
    right: 58.33333%;
}

.row .col.push-s7 {
    left: 58.33333%;
}

.row .col.offset-s8 {
    margin-left: 66.66667%;
}

.row .col.pull-s8 {
    right: 66.66667%;
}

.row .col.push-s8 {
    left: 66.66667%;
}

.row .col.offset-s9 {
    margin-left: 75%;
}

.row .col.pull-s9 {
    right: 75%;
}

.row .col.push-s9 {
    left: 75%;
}

.row .col.offset-s10 {
    margin-left: 83.33333%;
}

.row .col.pull-s10 {
    right: 83.33333%;
}

.row .col.push-s10 {
    left: 83.33333%;
}

.row .col.offset-s11 {
    margin-left: 91.66667%;
}

.row .col.pull-s11 {
    right: 91.66667%;
}

.row .col.push-s11 {
    left: 91.66667%;
}

.row .col.offset-s12 {
    margin-left: 100%;
}

.row .col.pull-s12 {
    right: 100%;
}

.row .col.push-s12 {
    left: 100%;
}

@media only screen and (min-width: 601px) {
    .row .col.m1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.offset-m1 {
        margin-left: 8.33333%;
    }

    .row .col.pull-m1 {
        right: 8.33333%;
    }

    .row .col.push-m1 {
        left: 8.33333%;
    }

    .row .col.offset-m2 {
        margin-left: 16.66667%;
    }

    .row .col.pull-m2 {
        right: 16.66667%;
    }

    .row .col.push-m2 {
        left: 16.66667%;
    }

    .row .col.offset-m3 {
        margin-left: 25%;
    }

    .row .col.pull-m3 {
        right: 25%;
    }

    .row .col.push-m3 {
        left: 25%;
    }

    .row .col.offset-m4 {
        margin-left: 33.33333%;
    }

    .row .col.pull-m4 {
        right: 33.33333%;
    }

    .row .col.push-m4 {
        left: 33.33333%;
    }

    .row .col.offset-m5 {
        margin-left: 41.66667%;
    }

    .row .col.pull-m5 {
        right: 41.66667%;
    }

    .row .col.push-m5 {
        left: 41.66667%;
    }

    .row .col.offset-m6 {
        margin-left: 50%;
    }

    .row .col.pull-m6 {
        right: 50%;
    }

    .row .col.push-m6 {
        left: 50%;
    }

    .row .col.offset-m7 {
        margin-left: 58.33333%;
    }

    .row .col.pull-m7 {
        right: 58.33333%;
    }

    .row .col.push-m7 {
        left: 58.33333%;
    }

    .row .col.offset-m8 {
        margin-left: 66.66667%;
    }

    .row .col.pull-m8 {
        right: 66.66667%;
    }

    .row .col.push-m8 {
        left: 66.66667%;
    }

    .row .col.offset-m9 {
        margin-left: 75%;
    }

    .row .col.pull-m9 {
        right: 75%;
    }

    .row .col.push-m9 {
        left: 75%;
    }

    .row .col.offset-m10 {
        margin-left: 83.33333%;
    }

    .row .col.pull-m10 {
        right: 83.33333%;
    }

    .row .col.push-m10 {
        left: 83.33333%;
    }

    .row .col.offset-m11 {
        margin-left: 91.66667%;
    }

    .row .col.pull-m11 {
        right: 91.66667%;
    }

    .row .col.push-m11 {
        left: 91.66667%;
    }

    .row .col.offset-m12 {
        margin-left: 100%;
    }

    .row .col.pull-m12 {
        right: 100%;
    }

    .row .col.push-m12 {
        left: 100%;
    }
}

@media only screen and (min-width: 993px) {
    .row .col.l1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.offset-l1 {
        margin-left: 8.33333%;
    }

    .row .col.pull-l1 {
        right: 8.33333%;
    }

    .row .col.push-l1 {
        left: 8.33333%;
    }

    .row .col.offset-l2 {
        margin-left: 16.66667%;
    }

    .row .col.pull-l2 {
        right: 16.66667%;
    }

    .row .col.push-l2 {
        left: 16.66667%;
    }

    .row .col.offset-l3 {
        margin-left: 25%;
    }

    .row .col.pull-l3 {
        right: 25%;
    }

    .row .col.push-l3 {
        left: 25%;
    }

    .row .col.offset-l4 {
        margin-left: 33.33333%;
    }

    .row .col.pull-l4 {
        right: 33.33333%;
    }

    .row .col.push-l4 {
        left: 33.33333%;
    }

    .row .col.offset-l5 {
        margin-left: 41.66667%;
    }

    .row .col.pull-l5 {
        right: 41.66667%;
    }

    .row .col.push-l5 {
        left: 41.66667%;
    }

    .row .col.offset-l6 {
        margin-left: 50%;
    }

    .row .col.pull-l6 {
        right: 50%;
    }

    .row .col.push-l6 {
        left: 50%;
    }

    .row .col.offset-l7 {
        margin-left: 58.33333%;
    }

    .row .col.pull-l7 {
        right: 58.33333%;
    }

    .row .col.push-l7 {
        left: 58.33333%;
    }

    .row .col.offset-l8 {
        margin-left: 66.66667%;
    }

    .row .col.pull-l8 {
        right: 66.66667%;
    }

    .row .col.push-l8 {
        left: 66.66667%;
    }

    .row .col.offset-l9 {
        margin-left: 75%;
    }

    .row .col.pull-l9 {
        right: 75%;
    }

    .row .col.push-l9 {
        left: 75%;
    }

    .row .col.offset-l10 {
        margin-left: 83.33333%;
    }

    .row .col.pull-l10 {
        right: 83.33333%;
    }

    .row .col.push-l10 {
        left: 83.33333%;
    }

    .row .col.offset-l11 {
        margin-left: 91.66667%;
    }

    .row .col.pull-l11 {
        right: 91.66667%;
    }

    .row .col.push-l11 {
        left: 91.66667%;
    }

    .row .col.offset-l12 {
        margin-left: 100%;
    }

    .row .col.pull-l12 {
        right: 100%;
    }

    .row .col.push-l12 {
        left: 100%;
    }
}

@media only screen and (min-width: 1201px) {
    .row .col.xl1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.xl12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.offset-xl1 {
        margin-left: 8.33333%;
    }

    .row .col.pull-xl1 {
        right: 8.33333%;
    }

    .row .col.push-xl1 {
        left: 8.33333%;
    }

    .row .col.offset-xl2 {
        margin-left: 16.66667%;
    }

    .row .col.pull-xl2 {
        right: 16.66667%;
    }

    .row .col.push-xl2 {
        left: 16.66667%;
    }

    .row .col.offset-xl3 {
        margin-left: 25%;
    }

    .row .col.pull-xl3 {
        right: 25%;
    }

    .row .col.push-xl3 {
        left: 25%;
    }

    .row .col.offset-xl4 {
        margin-left: 33.33333%;
    }

    .row .col.pull-xl4 {
        right: 31.33333%;
    }

    .row .col.push-xl4 {
        left: 33.33333%;
    }

    .row .col.offset-xl5 {
        margin-left: 41.66667%;
    }

    .row .col.pull-xl5 {
        right: 41.66667%;
    }

    .row .col.push-xl5 {
        left: 41.66667%;
    }

    .row .col.offset-xl6 {
        margin-left: 50%;
    }

    .row .col.pull-xl6 {
        right: 50%;
    }

    .row .col.push-xl6 {
        left: 50%;
    }

    .row .col.offset-xl7 {
        margin-left: 58.33333%;
    }

    .row .col.pull-xl7 {
        right: 58.33333%;
    }

    .row .col.push-xl7 {
        left: 58.33333%;
    }

    .row .col.offset-xl8 {
        margin-left: 66.66667%;
    }

    .row .col.pull-xl8 {
        right: 66.66667%;
    }

    .row .col.push-xl8 {
        left: 66.66667%;
    }

    .row .col.offset-xl9 {
        margin-left: 75%;
    }

    .row .col.pull-xl9 {
        right: 75%;
    }

    .row .col.push-xl9 {
        left: 75%;
    }

    .row .col.offset-xl10 {
        margin-left: 83.33333%;
    }

    .row .col.pull-xl10 {
        right: 83.33333%;
    }

    .row .col.push-xl10 {
        left: 83.33333%;
    }

    .row .col.offset-xl11 {
        margin-left: 91.66667%;
    }

    .row .col.pull-xl11 {
        right: 91.66667%;
    }

    .row .col.push-xl11 {
        left: 91.66667%;
    }

    .row .col.offset-xl12 {
        margin-left: 100%;
    }

    .row .col.pull-xl12 {
        right: 100%;
    }

    .row .col.push-xl12 {
        left: 100%;
    }
}

/* updated-materialize: ends */
/* widget-section: starts */
/* common widget styles based on new Proto starts*/
#global .widget-grid .half-widget {
    /* 	margin-right: -12px;
 	margin-left: -12px; */
}

#global .widget-grid .half-widget.no-grid {
    display: block;
    margin-bottom: 24px;
}

/*
#global .widget-grid .half-widget .widget,
#global .widget-grid .half-widget .widget.widget-small, 
#global .widget-grid .half-widget .widget.widget-medium{
       float: left;
       width: calc(50% - 24px)!important;
       width: -webkit-calc(50% - 24px)!important;
       margin-left: 24px;
}*/
#global .widget-grid .half-widget {
    grid-template-columns: repeat(2, 1fr);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1vw 1fr;
    grid-column-gap: 24px;
    margin-left: 0px;
    margin-right: 0px;
}

#global .widget-grid .half-widget .widget:nth-child(2) {
    -ms-grid-column: 3;
}

#global .widget-grid .half-widget .widget:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    
}
#global .widget-grid .half-widget .widget:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}
#global .widget-grid .half-widget .widget:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
#global .widget-grid .half-widget .widget:nth-child(6) {
  -ms-grid-row: 3;
    -ms-grid-column: 3;
}
#global .widget-grid .half-widget .widget:nth-child(7) {
  -ms-grid-row: 4;
    -ms-grid-column: 1;
}


@supports (display: grid) {
    #global .widget-grid .half-widget .widget.widget-small {
        float: none!important;
        width: auto!important;
        margin-left: 0px!important;
        margin-right: 0px;
    }

    #global .widget-grid .half-widget .widget-small:nth-child(3n+1) {
        clear: inherit;
    }
}

@media screen and (max-width: 767px) {
    #global .widget-grid .half-widget {
        display: block;
    }
     .footablev3 table.footable-details > tbody > tr > td{
    text-align:right !important;
    }
     .footablev3 .hasPulldownMenu {
	display: block;
    height: auto;
    position: relative;
    width: 100%;
   right:0;
    left:0;
}
/* .footable-detail-row .listrowwrapper:last-child th{display: none;} */

/* .footablev3 .hasPulldownMenu .menuChoices { */
/* 	display: block !important; */
/*     position: relative !important; */
/*     top: auto !important; */
/*     box-shadow: none; */
/*     border: 0; */
/*     background: none; */
/*     } */
.footablev3 .hasPulldownMenu .menuChoices li{
		background-color: rgb(251,251,251);
	}
}

#global .widget-grid .half-widget .small-widget {
    /* border: 1px solid #e3e3e3;
	  padding-left: 1.7144em;
	  padding-right: 1.7144em;*/
    width: -webkit-calc(50% - 24px);
    width: calc(50% - 24px);
    background: #ffffff;
    margin-left: 12px;
    margin-right: 12px;
}

#global .widget-grid .half-widget .widget-head, .ui-sortable-helper .widget-head {
    background: #FBFBFB;
    position: relative;
    padding: 1.7144em -webkit-calc(0.8572em * 3) 1.7144em 1.7144em;
    padding: 1.7144em calc(0.8572em * 3) 1.7144em 1.7144em;
}

#global .widget-grid .half-widget .widget-head .h2Widget, .ui-sortable-helper .widget-head .h2Widget {
    color: #00aeef;
    position: relative;
    color: #00aeef;
    position: relative;
    font-size: 1.42857rem;
    line-height: 1.2em;
    margin: 24px 0 24px 0;
    text-transform: capitalize;
    font-family: 'helveticaneuemedium', Arial, sans-serif!important;
    font-weight: normal;
}

#global .widget-grid .half-widget .widget-head .h2Widget:after, .ui-sortable-helper .widget-head .h2Widget:after {
    height: 2px;
    width: 0px;
    position: absolute;
    bottom: -3px;
    left: 0px;
    content: '';
    background: #00aeef;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

#global .widget-grid .half-widget .widget-head .h2Widget:hover:after, .ui-sortable-helper .widget-head .h2Widget:hover:after {
    width: 50px;
}

#global .widget-grid .half-widget .widget-head .menuTitle, .ui-sortable-helper .widget-head .menuTitle {
    position: relative;
    left: 15px;
}

.widget .widget-body {
    padding-bottom: 0px;
}

.widget a.bluelink {
    color: #00aeef!important;
}

.widget .widget-head, .widget .widget-body .widget-content {
    border: 0px;
}

.widget .widget-body .widget-content thead {
    border-bottom: 0px!important;
}

.widget .widget-body tbody.listgreyrow_widget, .widget .widget-body tbody.listrowwrapper {
    max-height: 70px;
    width: 100%;
    /* display: flex;
    flex-direction: column;
    flex-wrap: wrap; */
}

/* .widget .widget-body tbody.listgreyrow_widget:before,
.widget .widget-body tbody.listrowwrapper:before {
    content: "directions_car";
    height: 100%;
    width: 20%;
    flex: 1 0 auto;
    text-align: center;
    line-height: 70px;
    font-family: "Material_Icons";
    font-size: x-large;
    color: #00aeef;
    font-size: 3em;
} */
.widget .widget-body tbody.listrowwrapper.LC1234 {
    content: "wallet";
}

.widget .widget-body tbody.listrowwrapper tr:hover {
    background: none;
}

.widget .widget-body tbody.listrowwrapper tr.listwhiterow_widget, .widget .widget-body tbody.listrowwrapper tr.listgreyrow_widget {
    /* flex: 1 0 auto;
    -webkit-flex: 1 0 auto; */
    width: 80%;
}

.widget .widget-body tbody.listrowwrapper tr.listwhiterow_widget:last-child td>span, .widget .widget-body tbody.listrowwrapper tr.listgreyrow_widget:last-child td>span {
    font-size: 0.858rem!important;
    color: #696969!important;
}

/* .widget .widget-body tbody.listrowwrapper td.HW_textwithpadding {
    width: 90%;
} */
.widget .widget-body tbody.listrowwrapper td.listgreyrowtxtleftline {
    width: 10%;
}

/* .widget .widget-body tbody.listrowwrapper td .hasPulldownMenu { */
/*     margin-top: 0px!important; */
/* } */
.widget .widget-body tbody.listrowwrapper td .hasPulldownMenu a.bluelink {
    color: #00aeef!important;
    padding-left: 0px;
}

.widget .widget-body tbody.listrowwrapper td .hasPulldownMenu .more.dropdown-button {
    padding-left: 0px;
}

/*
.widget .widget-body tbody.listrowwrapper td .hasPulldownMenu .more.dropdown-button:after {
    color: #696969;
    content: 'more_vert';
    font-family: 'Material_Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    position: absolute;
    top: 0px;
    left: -9px;
    right: auto;
}*/
.widget .widget-body tbody .loan-types .material-icons {
    visibility: visible;
    width: 0px;
    height: 0px;
    position: relative;
    color: #00aeef;
    font-size: 3em;
    top: -10px;
    left: -10px;
}

.listwhiterow_widget .loan-types {
    padding-left: 32px;
    padding-right: 10px;
}

.widget .widget-body tbody .loan-types .material-icons[class*="loan-code-type-"]:after {
    position: absolute;
    visibility: visible;
    left: 0px;
}

/* .widget .widget-body tbody .loan-types .material-icons.loan-code-type-21053:after { */
/*     content: 'directions_car'; */
/* } */
/* placeholders - need to be replaced with actual content */
.material-icons.acc-code-type-21050:after, .material-icons.acc-code-type-21051:after, .material-icons.acc-code-type-21054:after,  .material-icons.acc-code-type-21057:after, .material-icons.acc-code-type-21058:after, .material-icons.acc-code-type-21059:after, .material-icons.acc-code-type-21060:after, .material-icons.acc-code-type-21061:after, .material-icons.acc-code-type-21062:after, .material-icons.acc-code-type-21063:after, .material-icons.acc-code-type-21065:after, .material-icons.acc-code-type-21066:after, .material-icons.acc-code-type-21068:after, .material-icons.acc-code-type-21069:after, .material-icons.acc-code-type-21071:after, .material-icons.acc-code-type-21072:after, .material-icons.acc-code-type-21073:after, .material-icons.acc-code-type-21075:after, .material-icons.acc-code-type-21076:after, .material-icons.acc-code-type-21077:after, .material-icons.acc-code-type-21078:after, .material-icons.acc-code-type-21079:after, .material-icons.acc-code-type-21084:after, .material-icons.acc-code-type-21090:after, .material-icons.acc-code-type-21094:after, .material-icons.acc-code-type-21095:after,  .material-icons.acc-code-type-21099:after, .material-icons.acc-code-type-25009:after, .material-icons.acc-code-type-25021:after, .material-icons.acc-code-type-25025:after, .material-icons.acc-code-type-25031:after, .material-icons.acc-code-type-25041:after,
.material-icons.acc-code-type-25099:after,  .material-icons.acc-code-type-25152:after, .material-icons.acc-code-type-25153:after, .material-icons.acc-code-type-25154:after, .material-icons.acc-code-type-25155:after, .material-icons.acc-code-type-25156:after, .material-icons.acc-code-type-25157:after, .material-icons.acc-code-type-25161:after, .material-icons.acc-code-type-25199:after, .material-icons.acc-code-type-25200:after, .material-icons.acc-code-type-25299:after, .material-icons.acc-code-type-25300:after, .material-icons.acc-code-type-25301:after, .material-icons.acc-code-type-25302:after, .material-icons.acc-code-type-25399:after {
    content: 'person';
}

.material-icons.acc-code-type-TDA05:after, .material-icons.acc-code-type-RSGEN:after, .material-icons.acc-code-type-RSGEN:after, .material-icons.acc-code-type-AUTCD:after, .material-icons.acc-code-type-AUTRD:after, .material-icons.acc-code-type-AUTSM:after,
.material-icons.acc-code-type-2105812:after, .material-icons.acc-code-type-2105850:after,  .material-icons.acc-code-type-2106936:after, .material-icons.acc-code-type-LA1:after, .material-icons.acc-code-type-CAA:after, .material-icons.acc-code-type-M:after, .material-icons.acc-code-type-SYN:after, .material-icons.acc-code-type-TOPL1:after, .material-icons.acc-code-type-KASI6:after{
    content: 'person';
}


.material-icons.acc-code-type-25002:after, .material-icons.acc-code-type-SB1:after, .material-icons.acc-code-type-SBA01:after, .material-icons.acc-code-type-SBGEN:after, .material-icons.acc-code-type-SBGEN:after, .material-icons.acc-code-type-SBSAL:after, .material-icons.acc-code-type-SBSAL:after, .material-icons.acc-code-type-SBSTF:after, .material-icons.acc-code-type-SBSTF:after, .material-icons.acc-code-type-ANKSB:after, .material-icons.acc-code-type-CIIM:after {
    content: 'account_balance_wallet';
}

.material-icons.acc-code-type-21016:after{
    content: 'cloud';
}

.material-icons.acc-code-type-2102521:after,.material-icons.acc-code-type-21027:after,.material-icons.acc-code-type-2102560:after,.material-icons.acc-code-type-21008:after,.material-icons.acc-code-type-21005:after,.material-icons.acc-code-type-21006:after,.material-icons.acc-code-type-21002:after,.material-icons.acc-code-type-21007:after,.material-icons.acc-code-type-21009:after,.material-icons.acc-code-type-21011:after,.material-icons.acc-code-type-21013:after,.material-icons.acc-code-type-21015:after,.material-icons.acc-code-type-21003:after, .material-icons.acc-code-type-21004:after,.material-icons.acc-code-type-21010:after,.material-icons.acc-code-type-21012:after, .material-icons.acc-code-type-21014:after,  .material-icons.acc-code-type-21024:after, .material-icons.acc-code-type-21028:after, .material-icons.acc-code-type-21031:after, .material-icons.acc-code-type-21032:after, .material-icons.acc-code-type-21033:after, .material-icons.acc-code-type-21034:after, .material-icons.acc-code-type-21036:after, .material-icons.acc-code-type-21037:after, .material-icons.acc-code-type-21038:after{
/*     content: 'percent-ico'; */
    background: url(../images/percent.svg) no-repeat;
    content: '';
    position: absolute;
    height: 42px;
    width: 42px;
    background-position: center;
}


.material-icons.acc-code-type-21052:after,.material-icons.acc-code-type-25003:after,.material-icons.acc-code-type-25120:after
{
	content: 'home';
}

.material-icons.acc-code-type-21053:after,.material-icons.acc-code-type-25017:after,.material-icons.acc-code-type-25022:after,.material-icons.acc-code-type-25045:after,.material-icons.acc-code-type-25115:after
{
	content: 'directions_car';
}

.material-icons.acc-code-type-25004:after, .material-icons.acc-code-type-21056:after,.material-icons.acc-code-type-21055:after,.material-icons.acc-code-type-25013:after,.material-icons.acc-code-type-25012:after,.material-icons.acc-code-type-25011:after,.material-icons.acc-code-type-25105:after,.material-icons.acc-code-type-25151:after,.material-icons.acc-code-type-25101:after,.material-icons.acc-code-type-25016:after,.material-icons.acc-code-type-25100:after,.material-icons.acc-code-type-25050:after,.material-icons.acc-code-type-25001:after,.material-icons.acc-code-type-25106:after,.material-icons.acc-code-type-25010:after,.material-icons.acc-code-type-25000:after,.material-icons.acc-code-type-21001:after,.material-icons.acc-code-type-21029:after,.material-icons.acc-code-type-21030:after,.material-icons.acc-code-type-21039:after,.material-icons.acc-code-type-21064:after,.material-icons.acc-code-type-21067:after,.material-icons.acc-code-type-21096:after,.material-icons.acc-code-type-25005:after,.material-icons.acc-code-type-25006:after,.material-icons.acc-code-type-25007:after,.material-icons.acc-code-type-25008:after,.material-icons.acc-code-type-25014:after,.material-icons.acc-code-type-25015:after,.material-icons.acc-code-type-25018:after,.material-icons.acc-code-type-25020:after,.material-icons.acc-code-type-25102:after,.material-icons.acc-code-type-25104:after,.material-icons.acc-code-type-25107:after,.material-icons.acc-code-type-25111:after,.material-icons.acc-code-type-25112:after,.material-icons.acc-code-type-25113:after,.material-icons.acc-code-type-25201:after
{
	content: 'person';
}

.material-icons.acc-code-type-25024:after,.material-icons.acc-code-type-25103:after
{
	/* content: 'wall-ico'; */
	background: url(../images/wall-ico.svg) no-repeat;
    content: '';
    position: absolute;
    height: 42px;
    width: 42px;
    background-position: center;
}

.material-icons.acc-code-type-25109:after,.material-icons.acc-code-type-1034:after,.material-icons.acc-code-type-21035:after
{
	background: url(../images/goldbar-ico.svg) no-repeat;
    content: '';
    position: absolute;
    height: 42px;
    width: 42px;
    background-position: center;
}

.material-icons.acc-code-type-3250:after
{
	content: 'credit_card';
}

.material-icons.acc-code-type-5001:after, .material-icons.acc-code-type-5002:after, .material-icons.acc-code-type-5004:after, .material-icons.acc-code-type-5005:after, .material-icons.acc-code-type-5006:after, .material-icons.acc-code-type-5007:after, .material-icons.acc-code-type-1001:after, .material-icons.acc-code-type-1002:after, .material-icons.acc-code-type-1003:after, .material-icons.acc-code-type-1004:after, .material-icons.acc-code-type-1005:after, .material-icons.acc-code-type-1006:after, .material-icons.acc-code-type-1007:after, .material-icons.acc-code-type-1008:after, .material-icons.acc-code-type-1009:after, .material-icons.acc-code-type-1010:after, .material-icons.acc-code-type-1012:after, .material-icons.acc-code-type-1013:after, .material-icons.acc-code-type-1014:after, .material-icons.acc-code-type-1015:after, .material-icons.acc-code-type-1016:after, .material-icons.acc-code-type-1017:after, .material-icons.acc-code-type-1018:after, .material-icons.acc-code-type-1020:after, .material-icons.acc-code-type-1021:after, .material-icons.acc-code-type-1022:after, .material-icons.acc-code-type-1023:after, .material-icons.acc-code-type-1024:after, .material-icons.acc-code-type-1026:after, .material-icons.acc-code-type-1027:after, .material-icons.acc-code-type-1028:after, .material-icons.acc-code-type-1029:after, .material-icons.acc-code-type-1030:after, .material-icons.acc-code-type-1032:after, .material-icons.acc-code-type-1033:after, .material-icons.acc-code-type-1035:after, .material-icons.acc-code-type-1036:after, .material-icons.acc-code-type-1039:after, .material-icons.acc-code-type-1060:after, .material-icons.acc-code-type-1061:after, 
.material-icons.acc-code-type-1070:after, .material-icons.acc-code-type-1100:after, .material-icons.acc-code-type-1101:after, .material-icons.acc-code-type-2001:after, 
.material-icons.acc-code-type-1900:after{
    content: 'account_balance_wallet';
}

.material-icons.acc-code-type-9002:after, .material-icons.acc-code-type-9003:after, .material-icons.acc-code-type-9005:after, .material-icons.acc-code-type-9008:after, .material-icons.acc-code-type-9995:after,.material-icons.acc-code-type-9999:after,.material-icons.acc-code-type-6001:after,.material-icons.acc-code-type-6002:after,.material-icons.acc-code-type-6003:after, .material-icons.acc-code-type-6004:after, .material-icons.acc-code-type-6005:after, .material-icons.acc-code-type-6006:after, .material-icons.acc-code-type-6007:after, .material-icons.acc-code-type-6000:after {
    background: url(../images/safe-ico.svg) no-repeat;
    content: '';
    position: absolute;
    height: 42px;
    width: 42px;
    background-position: center;
}

.widget .widget-body tbody.listrowwrapper tr td>span.schedule_payments_amount, .widget .widget-body tbody.listrowwrapper tr td>span.investment_amount {
    color: #696969;
}

/* Deposit accounts summary */
.widget .widget-body tbody.listrowwrapper tr:last-child td>span.amount_quantity, .widget .widget-body tbody.listrowwrapper tr:last-child td>span.due_days {
    float: right;
}

.widget .widget-body tbody.listrowwrapper tr:last-child td>span.due_days.overdue-red {
    color: #FF6E6E!important;
    position: relative;
    padding-right: 15px;
    font-family: "open_sansregular", arial, sans-serif !important;
}

.widget .widget-body tbody.listrowwrapper tr:last-child td>span.due_days.overdue-red:after {
    content: "info";
    font-size: 1rem;
    position: absolute;
    right: 0px;
    font-family: 'Material_Icons';
}

.widget, .widget.widget-small, .widget.widget-medium, .widget.widget-small .widget-content, .widget.widget-medium .widget-content {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%!important;
}

.widget, .widget.widget-small, .widget.widget-medium {
    height: auto;
    border: 1px solid #e3e3e3;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

#global .widget-grid .half-widget .widget .widget-body, #global .widget-grid .half-widget .widget.widget-small .widget-body, #global .widget-grid .half-widget .widget.widget-medium .widget-body {
    height: -webkit-calc(100% - 68px);
    height: calc(100% - 68px);
}

#global .widget-grid .half-widget .widget, #global .widget-grid .half-widget .widget.widget-small, #global .widget-grid .half-widget .widget.widget-medium {
    height: 360px;
    max-height: 360px;
    margin-bottom: 24px;
}

.widget.widget-small.ui-sortable-helper, .widget.widget-medium.ui-sortable-helper {
    max-width: 365px;
}

.widget .widget-content, .widget.widget-small .widget-content, .widget.widget-medium .widget-content {
     height: 99%!important;
}

.no-border .widget.widget-small, .no-border .widget.widget-medium {
    border: 0px;
}

.widget .widget-content>div:after{
	display:table;
	clear:both;
	content:"";
}

.widget .widget-content .paginationjs{
	position:relative;
}
/* common widget styles based on new Proto ends*/
/* widget-section: ends */
/* banner-section: starts */
#global {
    max-width: 100%;
    width: 100%;
}

#global #main.container, .approval .tableoverflowwrapperhw table tbody tr,
	.approval .footable-detail-row>td, .approval .footable-detail-row>td>table,
	.approval .footable-detail-row>td>table>tbody, .approval .tableoverflowwrapperhw table tfoot,
	.approval .tableoverflowwrapperhw table tfoot tr, .approval .tableoverflowwrapperhw table tfoot tr td {
    width: 100%;
}

#global .dashboardSection {
    margin-top: 0px;
}

#global .container.dynamicgrouplet-container {
    padding: 0px;
}

#global .container .row {
    margin: 0 auto;
    margin-left: -0.86rem;
    margin-right: -0.86rem;
}

#global .row.toprow.parentTable.container {
    margin-left: auto!important;
    margin-right: auto!important;
}

#global .dashboardSection .banner-inside-container {
    background-image: url('../../consumer/images/Retail-banner-image.jpg');
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    padding-bottom: -webkit-calc(0.8572em * 2);
    padding-bottom: calc(0.8572em * 2);
    padding-top: -webkit-calc(0.8572em * 4);
    padding-top: calc(0.8572em * 4);
}

#global .dashboardSection .banner-inside-container:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.13);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(13, 171, 229, 0.6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 0%, rgba(13, 171, 229, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 0%, rgba(13, 171, 229, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.13)), color-stop(0%, rgba(0, 0, 0, 0.13)), to(rgba(13, 171, 229, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 0%, rgba(13, 171, 229, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0dabe5', GradientType=0);
}

#global .banner-inside-container .container {
    color: #fff;
    position: relative;
}

#global .banner-inside-container .container .user-list-info .title {
        font-size: 1.714em;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    margin: 0;
}

/* #global .banner-inside-container .container .data-list-info .title {
    font-size: 1.15em;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    margin: 0;
} */

 #global .banner-inside-container .container .data-list-info .title {
    font-size: 1.25em;
    font-family: 'helveticaneue', Arial, sans-serif !important;
    margin: 0;
}


/* #global .banner-inside-container .container .titwo {
    font-size: 0.857rem;
    font-family: 'open_sansregular' !important;
}
 */
  #global .banner-inside-container .container .titwo {
    font-size: 1rem;
    font-family: 'open_sansregular' !important;
}

#global .banner-inside-container .container p {
    margin: 0;
    font-size: 0.857em;
    line-height: 24px;
}

#global .banner-inside-container .container .row {
    margin-bottom: 0px;
}

#global .banner-inside-container .container .col {
    margin-top: 0px;
}

#global .banner-inside-container .container .data-list-info {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

#global .banner-inside-container .container .data-list-info li {
    -webkit-box-flex: 1;
    flex: 1;
    border-right: 1px solid #fff;
    text-align: center;
    padding: 0 5px;
}

#global .banner-inside-container .container .data-list-info li:last-child {
    border-right: 0px;
}

#global .banner-inside-container .container .data-list-info li a {
    color: #fff;
    display: block;
    padding: 5px 0 0;
}

#global .banner-inside-container .container .data-list-info li a:hover {
    background: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 992px) {
    #global .dashboardSection {
        margin-top: 0;
    }

    #global .dashboardSection .banner-inside-container {
        padding-bottom: -webkit-calc(0.8572em * 1);
        padding-bottom: calc(0.8572em * 1);
        padding-top: -webkit-calc(0.8572em * 2);
        padding-top: calc(0.8572em * 2);
    }

    #global .dashboardSection .banner-inside-container .container .data-list-info {
        display: block;
    }

    #global .dashboardSection .banner-inside-container .container .data-list-info li {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        padding-left: 0;
        padding-right: 0;
        border-right: 0;
        margin-left: -0.86rem;
        margin-right: -0.86rem;
    }

    #global .dashboardSection .banner-inside-container .container .data-list-info li a {
        display: block;
        padding-top: -webkit-calc(0.8572em * 1);
        padding-top: calc(0.8572em * 1);
        padding-bottom: -webkit-calc(0.8572em * 1);
        padding-bottom: calc(0.8572em * 1);
        padding-left: 0.86rem;
        padding-right: 0.86rem;
    }

    #global .dashboardSection.banner-inside-container .container .data-list-info li a:hover {
        background: transparent;
    }

    #global .dashboardSection .banner-inside-container .container .data-list-info li .title {
        text-align: left;
        float: right;
        width: 60%;
    }

    #global .dashboardSection .banner-inside-container .container .data-list-info li .titwo {
        float: left;
    }
}

@media screen and (max-width: 1200px) {
    #global .banner-inside-container .container .data-list-info li .title {
        font-size: 1em;
    }
}

/* banner-section: ends */
/* button-styles: starts */
/* Button styles */
.btn.btn-islamic,.HW_logoffLink .btn.btn-primary {
    height: 36px;
}

.btn, .btn-large, .btn-flat, .secondary {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 47.7px;
    line-height: 36px;
    padding: 0 2rem;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.secondary{
line-height: 24px;
    height: auto;
    padding: 12px;
    min-width: 98px;
}
.btn.disabled,.btn.Button_Disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn-flat.disabled, .disabled.secondary, .btn:disabled, .btn-large:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-flat:disabled, .secondary:disabled, .btn[disabled], [disabled].btn-large, .btn-floating[disabled], .btn-large[disabled], .btn-flat[disabled], [disabled].secondary {
    pointer-events: none;
    background-color: #DFDFDF !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9F9F9F !important;
    cursor: default;
}

.btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn-flat.disabled:hover, .disabled.secondary:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover, .btn-large:disabled:hover, .btn-flat:disabled:hover, .secondary:disabled:hover, .btn[disabled]:hover, [disabled].btn-large:hover, .btn-floating[disabled]:hover, .btn-large[disabled]:hover, .btn-flat[disabled]:hover, [disabled].secondary:hover {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important;
}

.btn, .btn-large, .btn-floating, .btn-large, .btn-flat, .secondary {
    font-size: 1rem;
    outline: 0;
}

.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i, .secondary i {
    font-size: 1.3rem;
    line-height: inherit;
}

.btn:focus, .btn-large:focus, .btn-floating:focus {
    background-color: #1d7d74;
}

.btn, .btn-large {
    text-decoration: none;
    color: #fff;
    background-color: #00aeef;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
}

.btn:hover, .btn-large:hover {
    background-color: #00a3e0;
}

.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #26a69a;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}

.btn-floating:hover {
    background-color: #26a69a;
}

.btn-floating:before {
    border-radius: 0;
}

.btn-floating.btn-large {
    width: 56px;
    height: 56px;
}

.btn-floating.btn-large.halfway-fab {
    bottom: -28px;
}

.btn-floating.btn-large i {
    line-height: 56px;
}

.btn-floating.halfway-fab {
    position: absolute;
    right: 24px;
    bottom: -20px;
}

.btn-floating.halfway-fab.left {
    right: auto;
    left: 24px;
}

.btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 40px;
}

button.btn-floating,.importLoansSearchdiv,.querytextleft_withleftBorder_Auth, #ParentDiv_MailsHomeCorp_STATIC_MailView {
    border: none;
}

/* Button styles */
/* button-styles: ends */
/* credit-card-widget: starts */
/* swiper */
.sliData {
    min-height: -webkit-calc(0.8572em * 18);
    min-height: calc(0.8572em * 18);
}

.proSli {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
    padding-top: -webkit-calc(0.8572em * 2);
    padding-top: calc(0.8572em * 2);
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard img, .importLoansSearchdiv {
    width: 100%;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .cnum, .proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .cname, .proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .exp {
    position: absolute;
    color: #ffffff;
    font-family: 'roboto_monomedium', Arial, Helvetica, sans-serif;
    text-align: left;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .cnum {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    bottom: 60px;
    left: 26px;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .cnum span {
    margin-right: 10px;
    display: inline-block;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .cname {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 12px;
    bottom: 37px;
    left: 26px;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .exp {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 12px;
    bottom: 15px;
    left: 26px;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.proSli .swiper-button-next, .proSli .swiper-button-prev {
    background: transparent !important;
    text-align: center;
    color: #919191;
    height: 40px;
    width: 40px;
}

.proSli .swiper-button-next .material-icons, .proSli .swiper-button-prev .material-icons {
    font-size: 40px;
    margin-top: -35px;
}

.proSli .swiper-button-next {
    right: -35px;
}

.proSli .swiper-button-prev {
    left: -35px;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details {
    padding-top: -webkit-calc(0.8572em);
    padding-top: calc(0.8572em);
    padding-bottom: -webkit-calc(0.8572em * 1);
    padding-bottom: calc(0.8572em * 1);
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details:after {
    content: " ";
    display: table;
    clear: both;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details-cell {
    float: left;
    text-align: left;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details-cell.card-number-container {
    width: 45%;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details-cell.card-number-container .card-number {
    color: #00aeef;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details-cell.card-number-container .available-limit {
    font-size: 0.858rem;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details-cell.outstaning-amount {
    width: 45%;
    text-align: right;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details-cell.more-options-container {
    width: 10%;
    padding: 10px 0px;
    text-align: right;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details .menuChoices {
    right: auto;
    left:290px;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details .cardmenuChoices {
    right: auto;
    left:104px;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details .menuChoices li {
    float: none;
}

.proSli .swiper-container .swiper-wrapper .swiper-slide .normCard .card-details .menuChoices a {
    color: #0F9CFF;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    /* background: #fff; */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: initial;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}
.nbs-flexisel-item.swiper-slide {
	position: static;
}

.swiper-slide .normCard .card-content {
    position: absolute;
    width: 100%;
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #00aeef;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

[id="RetailUserDashboardUX5_WCC__1:repeatDiv"] tbody.listrowwrapper td.HW_textwithpadding {
    width: auto !important;
}

[id="RetailUserDashboardUX5_WCC__1:repeatDiv"] .hasPulldownMenu {
    position: relative;
}

[id="RetailUserDashboardUX5_WCC__1:repeatDiv"] .hasPulldownMenu a {
    margin-top: 0px !important;
}

/* swiper */
/* credit-card-widget: ends */
/* currency-calculator-widget: starts */
/* Currency calculator styles starts*/
.widget .widget-body .currency-calculator-section:first-child {
    padding-top: -webkit-calc(0.8572rem * 2);
    padding-top: calc(0.8572rem * 2);
}

.widget .widget-body .currency-calculator-section.last-child {
    padding-bottom: -webkit-calc(0.8572rem * 2);
    padding-bottom: calc(0.8572rem * 2);
}

.widget .widget-body .currency-calculator-section.last-child:after {
    display: table;
    clear: both;
    content: "";
}

.widget .widget-body .currency-calculator-section {
    box-sizing: border-box;
    padding: 0px -webkit-calc(0.8572rem * 2);
    padding: 0px calc(0.8572rem * 2);
}

.widget .widget-body .currency-calculator-section.currency-quantity {
    margin-top: 25px;
    position: relative;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.widget .widget-body .currency-calculator-section.exchange-rate-content {
    color: #58595b;
    margin-top: 0;
    margin-bottom: 1.7144em;
    font-size: 2em;
    line-height: 1.71428571em;
    font-family: 'helveticaneuemedium', Arial, sans-serif;
    font-weight: normal;
}

.widget .widget-body .currency-calculator-section .labelColumn_combo_toosmall {
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
    height: auto;
    width: auto;
    float: none;
}

.widget .widget-body .currency-calculator-section .labelColumn_combo_toosmall .labelColumn_combo_brdr_toosmall {
    height: auto;
    width: auto;
    display: block;
}

.widget .widget-body .currency-calculator-section .btn.spbtn, .widget .widget-body .currency-calculator-section .spbtn.btn-large {
    height: 3.4288em;
    line-height: 3.4288em;
    padding-left: 0.8572em;
    display: block;
    text-align: left;
    padding-right: 1.7144em;
    text-transform: capitalize;
}

.widget .widget-body .currency-calculator-section .btn.spbtn input[type="submit"], .widget .widget-body .currency-calculator-section .btn.spbtn input[type="button"], .widget .widget-body .currency-calculator-section .btn.spbtn button, .widget .widget-body .currency-calculator-section .spbtn.btn-large input[type="submit"], .widget .widget-body .currency-calculator-section .spbtn.btn-large input[type="button"], .widget .widget-body .currency-calculator-section .spbtn.btn-large button {
    position: absolute;
    line-height: 48px;
    top: auto;
    left: auto;
    font-family: "open_sansregular", arial, sans-serif !important;
}

.widget .widget-body .currency-calculator-section .column-no-padding {
    padding: 0px;
}

.widget .widget-body .currency-calculator-section .column-no-padding.quantity-text-box input[type="text"] {
    border-bottom: 1px solid #9D9FA2;
    color: #696969;
}

.widget .widget-body .currency-calculator-section .column-no-padding.in-text {
    text-align: center;
    line-height: 2.5;
    margin-top: 7px;
}

.widget .widget-body .currency-calculator-section .autocomplete-icon {
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
}

.widget .widget-body .currency-calculator-section .column-no-padding input[type="text"].autocomplete-dropdown {
    /*     padding-bottom: 10px; */
    border-bottom: 1px solid #9D9FA2;
    color: #696969;
}

.widget .widget-body .currency-calculator-section .column-no-padding.quantity-text-box input[type="text"]:focus, .widget .widget-body .currency-calculator-section .column-no-padding input[type="text"].autocomplete-dropdown:focus {
    border-bottom: inherit;
}

.widget .widget-body .currency-calculator-section .autocomplete-icon:before {
    font-family: "Material_Icons";
    content: "keyboard_arrow_down";
    height: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    cursor: pointer;
    color: #00aeef;
    font-size: 22px;
    font-feature-settings: "liga";
}

.widget .widget-body .currency-calculator-section .currency-calculate-button {
    position: relative;
    color: #fff;
    display: block;
    font-size: 1.3rem;
    padding: 0px;
    margin-top: 15px;
}

.widget .widget-body .currency-calculator-section .currency-calculate-button:after {
    content: "keyboard_arrow_right";
    position: absolute;
    right: 15px;
    top: 0px;
    line-height: 48px;
    font-family: "Material_Icons";
    z-index: 10;
}

.widget .widget-body .currency-calculator-section .make-a-transfer-link>a {
    padding: 25px 10px;
    display: block;
}

/* Currency calculator styles ends*/
/* currency-calculator-widget: ends */
/* dashboard-mobile: starts */
/* Mobile view of right content */
@media screen and (min-width: 1px) and (max-width: 1023px) {
    /* Hiding the button even in smaller devices*/ .lhsExpandIcon {
        display: none;
    }

    .lhsResp.left-container {
        display: block!important;
    }

    .lhsCollpaseRightIcon {
        display: none!important;
    }
}

/* Mobile view of right content */
/* dashboard-mobile: ends */
/* favourites-widget: starts */
/* .favorites-widget .widget .stage3_menuIdTextlink li a { */
/*     background: #008cbf;	 */
/* } */
/* #DASHL2 .stage3_rtpanelquicklinkrow_new{ */
/* 	border-bottom:0px; */
/*     line-height: normal; */
/*     padding: 0px 0px 5px 0px; */
/*     font-size: inherit; */
/* } */
/* #DASHL2 .stage3_rtpanelquicklinkcol{ */
/* 	font-family: "open_sansbold", arial, sans-serif; */
/*     font-size: 0.858em; */
/*     display: block;     */
/*     color: #0076ad; */
/* } */
/*commented by bala as it is defined in later part of this css*/
/* favourites-widget: ends */
/* footer: starts */
.footer-wrapper {
    background-color: #FBFBFB;
    color: inherit;
}

.footer-wrapper .container a {
    color: inherit!important;
}

/* footer: ends */
/* messages css starts */
.message-row-contianer {
    padding: 3px 1.7144em;
    box-sizing: border-box;
}

.querytextleft_widget.heading .simpletext_notify {
    font-family: "open_sansbold", arial, sans-serif !important;
    font-size: 0.858em;
    margin-top: 1.7144em;
}

.message-row-contianer .querytextleft_widget, .message-row-contianer .querytextright_widget {
    padding: 0px;
}

.message-row-contianer .messages-type {
    color: #FF6E6E;
    line-height: 21px;
/*     padding-bottom: 20px; */
}

.messages-type li a
{
    color: #FF6E6E;
	font-size: 11px;
	padding-left: 23px;
	display: block;
}

.messages-type li a:hover {
    opacity: 0.7;
}

.messages-type ul li
{
   padding-bottom: 0px !important;
}

.message-row-contianer .messages-value {
    padding: 0px;
    text-align: center;
    border-radius: 3px;
    line-height: 21px;
    background: #FF6E6E;
    color: #ffffff;
    height: 20px;
    width: 20px;
}

/* messages css ends */
/*Changes done by Soumen for adjusting the heights of content of the widgets in Corporate -Starts*/
#CORPORATEUSERDASHBOARDUX5_NBFW1UX5__1,
#CORPORATEUSERDASHBOARDUX5_WBKFC__1,
#CORPORATEUSERDASHBOARDUX5_W1UX5__1,
#CORPORATEUSERDASHBOARDUX5_w98__1,
#CORPORATEUSERDASHBOARDUX5_CLNUX5__1,
#RETAILUSERDASHBOARDUX5_W2UX5__1,
#RETAILUSERDASHBOARDUX5_W3UX5__1,
#RETAILUSERDASHBOARDUX5_W59__1 {
    height: 80%;
}

/*Changes done by Soumen for adjusting the heights of content of the widgets in Corporate -Ends*/
/*Changes done by Soumen for adjusting css of pagination bar in Corporate -Starts*/
.paginationjs-pages ul {
    position: absolute;
    bottom: 0;
    margin-bottom: -40px;/*added by ashwathi for opaccountsummary widget*/
}

.paginationjs, .ml10 {
    margin-left: 10px;
}

.paginationjs-pages li {
    display: inline-block;
    margin-right: 10px;
}

.paginationjs-pages li a {
    color: #919191 !important;
    font-size: 14.7px;
    font-weight: 400;
}

.footable-page-nav a {
    color: #919191 !important;
    font-size: 27px !important;
    font-weight: 400;
}

.footable-page.visible.active a {
    color: #696969 !important;
}

.footable-page.visible a {
/*     top: 10px; */
    font-size: 14.7px !important;
}

.paginationjs-pages .J-paginationjs-page.active a, .paginationjs-pages .paginationjs-prev a, .paginationjs-pages .paginationjs-next a {
    color: #696969 !important;
    font-weight: 600 !important;
}

.widget_table table tbody {
    border-bottom: 1px solid #e3e3e3;
}

.widget_table .hasPulldownMenu {
    margin-top: 0px !important;
    right: 10px;
}

.widget_table .hasPulldownMenu a:after {
    color: #696969 !important;
}

.widget_table table tbody .HW_tabletextwithpadding span {
    font-size: 12px !important;
    color: #696969 !important;
}

.invstmnt_table table tbody .listgreyrowtxtleftline_withpadding {
    color: #00aeef !important;
}

.invstmnt_table table tbody tr:nth-child(1) .HW_tabletextwithpadding.amtRightAlign span,.invstmnt_table table tbody .HW_tabletextwithpadding.amtRightAlign {
    font-size: 14px !important;
    font-family: "open_sanssemibold", arial, sans-serif !important;
}

/*Changes done by Soumen for adjusting css of pagination bar in Corporate -Ends*/
/*Changes done by Soumen for adjusting UI according to different mobiles in Corporate -Starts*/
@media screen and (max-width: 600px) and (min-width: 350px) {
    .febaContainer.container-small-disabled.ui-sortable .widget.widget-medium {
        width:92% !important;
        margin-left: 10px;
    }

    #ParentDiv_CorporateUserDashboardUX5_W97__1 {
        width: 100% !important;
        margin-left: 0px;
    }

    #ParentDiv_CorporateUserDashboardUX5_W1UX5__1, #ParentDiv_CorporateUserDashboardUX5_NBFW1UX5__1 {
        width: 95% !important;
        margin-left: 10px !important;
    }

    .ra1_c1 .labelColumn_combo_brdr_small {
        width: 200% !important;
    }

    .ra1_c2 .labelColumn_combo_brdr {
        width: 140% !important;
        margin-top: 10px;
        margin-left: 3px !important;
    }

    .con_sum_drop .labelColumn_combo_small .labelColumn_combo_brdr_small {
        width: 310% !important;
    }

    .con_sum_drop .autocomplete-dropdown {
        width: 100% !important;
    }
}

@media screen and (max-width: 750px) and (min-width: 601px) {
    .febaContainer.container-small-disabled.ui-sortable .widget.widget-medium {
        width:95% !important;
        margin-left: 10px;
    }

    #ParentDiv_CorporateUserDashboardUX5_NBFW1UX5__1, #ParentDiv_CorporateUserDashboardUX5_W1UX5__1 {
        width: 97% !important;
        margin-left: 10px !important;
    }
}

/*Changes done by Soumen for adjusting UI according to different mobiles in Corporate -Ends*/
/* Welcome greetings widget */
.welcome-greetings-widget {
    text-align: center;
}

/* .welcome-greetings-widget .widget:last-child { */
/*     display: none!important; */
/* } */

.welcome-greetings-widget .widget {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    margin-bottom: calc(0.8572em * 4 - 20px);
    margin-top: calc(0.8572em * 2);
}

.welcome-greetings-widget .widget-head {
    display: none;
}

.welcome-greetings-widget .widget .width_right {
    width: auto;
    float: none;
    text-align: inherit;
    padding-top: -webkit-calc(0.8572em * 4);
    padding-top: calc(0.8572em * 4);
    display: block;
    margin: 0px;
}

.welcome-greetings-widget .widget .width_right>span {
    color: #919191;
    position: relative;
    top: -5px;
    float: none!important;
}

.welcome-greetings-widget .widget .width_right>span:after {
    content: "edit";
    font-family: 'Material_Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    top: -5px;
    right: -35px;
    position: absolute;
}

/* Welcome greetings widget */
/* Added by Soumen Adjustment of Widgets in Mobiles and Chrome: Starts */
@media screen and (max-width: 750px) and (min-width: 350px) {
    @supports (display: grid) {
        #global .widget-grid .half-widget .widget.widget-small {
            margin-left: 10px !important;
            margin-right: 18px !important;
        }
    }

    /* Added by Soumen Adjustment of Padding between content and container displaying all the account details in Mobiles: Starts */
    #global .banner-inside-container .container .row {
        padding-left: 10px;
    }

    /* Added by Soumen Adjustment of Padding between content and container displaying all the account details in Mobiles: Ends */
}

/* Added by Soumen Adjustment of Widgets in Mobiles and Chrome: Ends */
/* Added by Soumen Adjustment of Center Container and left container(IE): Starts */
.lhsResp {
    margin-left: 90px !important;
}

.center-container {
    margin-left: -18px !important;
}

/* Added by Soumen Adjustment of Center Container and left container(IE): Ends */
/* Added by Soumen Adjustment of Center Container and left container(Chrome): Starts */
@supports (display: grid) {
    .center-container {
        margin-left:5px !important;
    }
}

/* Added by Soumen Adjustment of Center Container and left container(Chrome): Ends */
/* Added by Soumen Adjustment of Center Container,left container and error-message in Mobile Devices: Starts */
@media screen and (max-width: 850px) and (min-width: 350px) {
    .lhsResp {
        left: -90px !important;
    }
}

/* Added by Soumen Adjustment of  Center Container,left container and error-message in Mobile Devices: Ends */
/* Added by Soumen Adjustment of  Center Container and left container in IPad Pro: Starts */
@media screen and (max-width: 1030px) and (min-width: 1020px) {
    .center-container {
        margin-top: -205px !important;
        left: -7px !important;
    }

    .lhsResp {
        margin-left: -2px !important;
    }
}

/* Added by Soumen Adjustment of  Center Container and left container in IPad Pro: Ends */
/* Added by Soumen For getting promotion image slider at the bottom in mobile: Startss */
.visible_on_mobile {
    display: none;
}

.visible_on_mobile.widget-small {
    max-height: none !important;
}

.visible_on_mobile .widget-head {
    display: none;
}

@media screen and (max-width: 850px) and (min-width: 350px) {
    #ParentDiv_RetailUserDashboardUX5_WOFFUX5__1 {
        display:none;
    }

    .visible_on_mobile {
        display: block !important;
    }
}

/* Added by Soumen For getting promotion image slider at the bottom in mobile: Ends */
/* Added by Kanik for Footable new */
.footablev3 .footable.table, .footablev3 .footable-details.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.footablev3 .footable.table > thead > tr > td, .footablev3 .footable.table > thead > tr > th, .footablev3 .footable.table > tbody > tr > td, .footablev3 .footable.table > tbody > tr > th, .footablev3 .footable.table > tfoot > tr > td, .footablev3 .footable.table > tfoot > tr > th, .footablev3 .footable-details.table > thead > tr > td, .footablev3 .footable-details.table > thead > tr > th, .footablev3 .footable-details.table > tbody > tr > td, .footablev3 .footable-details.table > tbody > tr > th, .footablev3 .footable-details.table > tfoot > tr > td, .footablev3 .footable-details.table > tfoot > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.footablev3 .footable .btn-default.active, .footablev3 .footable .btn-default.focus, .footablev3 .footable .btn-default:active, .footablev3 .footable .btn-default:focus, .footablev3 .footable .btn-default:hover, .footablev3 .footable .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.footablev3 .footable .btn-primary.active, .footablev3 .footable .btn-primary.focus, .footablev3 .footable .btn-primary:active, .footablev3 .footable .btn-primary:focus, .footablev3 .footable .btn-primary:hover, .footablev3 .footable .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.footablev3 .footable .btn-group, .footablev3 .footable .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.footablev3 .footable .btn-xs, .footablev3 .footable .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.footablev3 .footable .btn-sm, .footablev3 .footable .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.footablev3 .footable .btn-lg, .footablev3 .footable .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.footablev3 .footable .input-group-btn, .footablev3 .footable .input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.footablev3 .footable .checkbox, .footablev3 .footable .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footablev3 .footable .checkbox label, .footablev3 .footable .radio label {
    max-width: 100%;
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.footablev3 .footable .checkbox input[type=checkbox], .footablev3 .footable .radio input[type=radio], .footablev3 .footable .checkbox-inline input[type=checkbox], .footablev3 .footable .radio-inline input[type=radio] {
    position: absolute;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.footablev3 .footable .dropdown-menu > li > a:focus, .footablev3 .footable .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.footablev3 .footable .pagination > li:first-child > a, .footablev3 .footable .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.footablev3 .footable .pagination > li > a, .footablev3 .footable .pagination > li > span {
    position: relative;
    float: left;
    padding: 0px 8px;
/*     margin-left: -1px; *//*updated by bala*/
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.footablev3 .footable .pagination > li > a:focus, .footablev3 .footable .pagination > li > a:hover, .footablev3 .footable .pagination > li > span:focus, .footablev3 .footable .pagination > li > span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.footablev3 .footable .pagination > .active > a, .footablev3 .footable .pagination > .active > a:focus, .footablev3 .footable .pagination > .active > a:hover, .footablev3 .footable .pagination > .active > span, .footablev3 .footable .pagination > .active > span:focus, .footablev3 .footable .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.footablev3 .footable .pagination > .disabled > a, .footablev3 .footable .pagination > .disabled > a:focus, .footablev3 .footable .pagination > .disabled > a:hover, .footablev3 .footable .pagination > .disabled > span, .footablev3 .footable .pagination > .disabled > span:focus, .footablev3 .footable .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.footablev3 .footable .btn {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: visible;
    text-transform: none;
}

.footablev3 .footable .btn.focus {
    color: #333;
    text-decoration: none;
}

.footablev3 .footable .btn:focus {
    color: #333;
    text-decoration: none;
}

.footablev3 .footable .btn:hover {
    color: #333;
    text-decoration: none;
}

.footablev3 .footable .btn .caret {
    margin-left: 0;
}

.footablev3 .footable .caret {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.footablev3 .footable.table {
    box-sizing: border-box;
}

.footablev3 .footable.table * {
    box-sizing: border-box;
}

.footablev3 .footable.table th, .auth-container .querytextleft {
    text-align: left;
}

.footablev3 .footable.table > thead > tr > td {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.footablev3 .footable.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.footablev3 .footable.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.footablev3 .footable.table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

.footablev3 .footable.table > caption + thead > tr:first-child > td {
    border-top: 0;
}

.footablev3 .footable.table > caption + thead > tr:first-child > th {
    border-top: 0;
}

.footablev3 .footable.table > colgroup + thead > tr:first-child > td {
    border-top: 0;
}

.footablev3 .footable.table > colgroup + thead > tr:first-child > th {
    border-top: 0;
}

.footablev3 .footable.table-condensed > tbody > tr > td {
    padding: 5px;
}

.footablev3 .footable.table-condensed > tbody > tr > th {
    padding: 5px;
}

.footablev3 .footable.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.footablev3 .footable.table-condensed > tfoot > tr > th {
    padding: 5px;
}

.footablev3 .footable.table-condensed > thead > tr > td {
    padding: 5px;
}

.footablev3 .footable.table-condensed > thead > tr > th {
    padding: 5px;
}

.footablev3 .footable.table-bordered {
    border: 1px solid #ddd;
}

.footablev3 .footable.table-bordered > tbody > tr > td {
    border: 1px solid #ddd;
}

.footablev3 .footable.table-bordered > tbody > tr > th {
    border: 1px solid #ddd;
}

.footablev3 .footable.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.footablev3 .footable.table-bordered > tfoot > tr > th {
    border: 1px solid #ddd;
}

.footablev3 .footable.table-bordered > thead > tr > td {
    border: 1px solid #ddd;
    border-bottom-width: 2px;
}

.footablev3 .footable.table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    border-bottom-width: 2px;
}

.footablev3 .footable .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.footablev3 .footable .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.footablev3 .footable .btn-group > .btn {
    position: relative;
    float: left;
}

.footablev3 .footable .btn-group > .btn:first-child {
    margin-left: 0;
}

.footablev3 .footable .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.footablev3 .footable .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    margin: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.footablev3 .footable .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.footablev3 .footable .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table-cell;
}

.footablev3 .footable .input-group .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .input-group .form-control:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footablev3 .footable .input-group-btn {
    position: relative;
    font-size: 0;
    display: table-cell;
}

.footablev3 .footable .input-group-btn:last-child > .btn {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footablev3 .footable .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.footablev3 .footable .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .input-group-btn:last-child > .btn-group > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footablev3 .footable .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footablev3 .footable .input-group-btn > .btn {
    position: relative;
}

.footablev3 .footable .input-group-btn > .btn:active {
    z-index: 2;
}

.footablev3 .footable .input-group-btn > .btn:focus {
    z-index: 2;
}

.footablev3 .footable .input-group-btn > .btn:hover {
    z-index: 2;
}

.footablev3 .footable .input-group-btn > .btn + .btn {
    margin-left: -1px;
}

.footablev3 .footable .input-group-btn:first-child > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .input-group-btn:first-child > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footablev3 .footable .input-group-btn:first-child > .btn-group > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footablev3 .footable .input-group-btn:first-child > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .input-group-addon {
    display: table-cell;
}

.footablev3 .footable .input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footablev3 .footable .input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footablev3 .footable .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.footablev3 .footable .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.footablev3 .footable .dropdown-menu-right {
    right: 0;
    left: auto;
}

.footablev3 .footable .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    text-align: left;
}

.footablev3 .footable .pagination > li {
    display: none;
}
.footablev3 .footable .pagination > li[data-page="prev"], .footablev3 .footable .pagination > li[data-page="next"]{
	display: inline-block;	
   }
.footablev3 .footable .pagination > li[data-page="prev"] a, .footablev3 .footable .pagination > li[data-page="next"] a{
line-height: 21px;
 font-size: 27px !important;
    height: 24px;
    width: 40px;
}
.footablev3 .footable .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.footablev3 .footable .label-default {
    background-color: #777;
}

.footablev3 .footable .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.footablev3 .footable.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.footablev3 .footable.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.footablev3 .footable .open > .dropdown-menu {
    display: block;
}

.footablev3 .footable-details.table {
    box-sizing: border-box;
}

.footablev3 .footable-details.table * {
    box-sizing: border-box;
}

.footablev3 .footable-details.table th {
    text-align: left;
}

.footablev3 .footable-details.table > thead > tr > td {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.footablev3 .footable-details.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.footablev3 .footable-details.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.footablev3 .footable-details.table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

.footablev3 .footable-details.table > caption + thead > tr:first-child > td {
    border-top: 0;
}

.footablev3 .footable-details.table > caption + thead > tr:first-child > th {
    border-top: 0;
}

.footablev3 .footable-details.table > colgroup + thead > tr:first-child > td {
    border-top: 0;
}

.footablev3 .footable-details.table > colgroup + thead > tr:first-child > th {
    border-top: 0;
}

.footablev3 .footable-details.table-condensed > tbody > tr > td {
    padding: 5px;
}

.footablev3 .footable-details.table-condensed > tbody > tr > th {
    padding: 5px;
}

.footablev3 .footable-details.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.footablev3 .footable-details.table-condensed > tfoot > tr > th {
    padding: 5px;
}

.footablev3 .footable-details.table-condensed > thead > tr > td {
    padding: 5px;
}

.footablev3 .footable-details.table-condensed > thead > tr > th {
    padding: 5px;
}

.footablev3 .footable-details.table-bordered {
    border: 1px solid #ddd;
}

.footablev3 .footable-details.table-bordered > tbody > tr > td {
    border: 1px solid #ddd;
}

.footablev3 .footable-details.table-bordered > tbody > tr > th {
    border: 1px solid #ddd;
}

.footablev3 .footable-details.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.footablev3 .footable-details.table-bordered > tfoot > tr > th {
    border: 1px solid #ddd;
}

.footablev3 .footable-details.table-bordered > thead > tr > td {
    border: 1px solid #ddd;
    border-bottom-width: 2px;
}

.footablev3 .footable-details.table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    border-bottom-width: 2px;
}

.footablev3 .footable-details.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.footablev3 .footable-details.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.footablev3 .form-group {
    margin-bottom: 15px;
}

.footablev3 table.footable-details {
    margin-bottom: 0;
    position: relative;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.footablev3 table.footable-details.table-bordered > tbody > tr:first-child > td {
    border-top-width: 1px;
}

.footablev3 table.footable-details.table-bordered > tbody > tr:first-child > th {
    border-top-width: 1px;
}

.footablev3 table.footable-details.table-bordered > tfoot > tr:first-child > td {
    border-top-width: 1px;
}

.footablev3 table.footable-details.table-bordered > tfoot > tr:first-child > th {
    border-top-width: 1px;
}

.footablev3 table.footable-details.table-bordered > thead > tr:first-child > td {
    border-top-width: 1px;
}

.footablev3 table.footable-details.table-bordered > thead > tr:first-child > th {
    border-top-width: 1px;
}

.footablev3 table.footable-details > tbody > tr:first-child > td {
    border-top-width: 0;
}

.footablev3 table.footable-details > tbody > tr:first-child > th {
    border-top-width: 0;
}

.footablev3 table.footable-details > tbody > tr > th:nth-child(1) {
    min-width: 40px;
    width: 50%;
}

.footablev3 table.footable-details > tbody > tr > td:nth-child(2) {
    word-break: break-all;
}

.footablev3 table.footable-details > tfoot > tr:first-child > td {
    border-top-width: 0;
}

.footablev3 table.footable-details > tfoot > tr:first-child > th {
    border-top-width: 0;
}

.footablev3 table.footable-details > thead > tr:first-child > td {
    border-top-width: 0;
}

.footablev3 table.footable-details > thead > tr:first-child > th {
    border-top-width: 0;
}

.footablev3 table.footable {
    position: relative;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.footablev3 table.footable > thead > tr.footable-filtering > th {
    border-bottom-width: 1px;
    font-weight: 400;
    text-align: right;
}

.footablev3 table.footable > thead > tr.footable-filtering > th div.form-group {
    margin-bottom: 0;
}

.footablev3 table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
    margin-top: 5px;
}

.footablev3 table.footable > thead > tr.footable-filtering > th div.input-group {
    width: 100%;
}

.footablev3 table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox {
    margin: 0;
    display: block;
    position: relative;
}

.footablev3 table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label {
    display: block;
    padding-left: 20px;
}

.footablev3 table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
}

.footablev3 table.footable > thead > tr > td.footable-sortable {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

.footablev3 table.footable > thead > tr > th.footable-sortable {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

.footablev3 table.footable > tbody > tr.footable-empty > td {
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    display: table-cell;
}

.footablev3 table.footable > tbody > tr.footable-empty > th {
    display: table-cell;
}

/*.footablev3 table.footable > tbody > tr > td {
    display: none;
}*/
.footablev3 table.footable > tbody > tr > td.footable-sortable {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

.footablev3 table.footable > tbody > tr > th {
    display: none;
}

.footablev3 table.footable > tbody > tr > th.footable-sortable {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

.footablev3 table.footable > tbody > tr.footable-detail-row > td {
    display: table-cell;
}

.footablev3 table.footable > tbody > tr.footable-detail-row > th {
    display: table-cell;
}

.footablev3 table.footable.footable-filtering-right > thead > tr.footable-filtering > th {
    text-align: right;
}

.footablev3 table.footable.footable-filtering-left > thead > tr.footable-filtering > th {
    text-align: left;
}

.footablev3 table.footable.footable-filtering-center > thead > tr.footable-filtering > th {
    text-align: center;
}

.footablev3 table.footable > tfoot > tr.footable-paging > td {
    text-align: center;
}

.footablev3 table.footable > tfoot > tr.footable-paging > td > ul.pagination {
    margin: 10px 0 0;
}

.footablev3 table.footable > tfoot > tr.footable-paging > td > span.label {
    display: inline-block;
    margin: 0 0 10px;
    padding: 4px 10px;
}

.footablev3 table.footable > tfoot > tr > td.footable-sortable {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

.footablev3 table.footable > tfoot > tr > th.footable-sortable {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

.footablev3 table.footable-hide-fouc {
    display: none;
}

.footablev3 table.footable-sorting-disabled td.footable-sortable.footable-asc > span.fooicon {
    opacity: 0;
    visibility: hidden;
}

.footablev3 table.footable-sorting-disabled td.footable-sortable.footable-desc > span.fooicon {
    opacity: 0;
    visibility: hidden;
}

.footablev3 table.footable-sorting-disabled td.footable-sortable:hover > span.fooicon {
    opacity: 0;
    visibility: hidden;
}

.footablev3 table.footable-sorting-disabled th.footable-sortable.footable-asc > span.fooicon {
    opacity: 0;
    visibility: hidden;
}

.footablev3 table.footable-sorting-disabled th.footable-sortable.footable-desc > span.fooicon {
    opacity: 0;
    visibility: hidden;
}

.footablev3 table.footable-sorting-disabled th.footable-sortable:hover > span.fooicon {
    opacity: 0;
    visibility: hidden;
}

.footablev3 table.footable-editing-right td.footable-editing {
    text-align: right;
}

.footablev3 table.footable-editing-right tr.footable-editing {
    text-align: right;
}

.footablev3 table.footable-editing-no-delete td.footable-editing {
    width: 70px;
    max-width: 70px;
}

.footablev3 table.footable-editing-no-delete.footable-editing-no-view td.footable-editing {
    width: 50px;
    max-width: 50px;
}

.footablev3 table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view td.footable-editing {
    width: 0;
    max-width: 0;
    display: none !important;
}

.footablev3 table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view th.footable-editing {
    width: 0;
    max-width: 0;
    display: none !important;
}

.footablev3 table.footable-editing-no-edit.footable-editing-no-delete td.footable-editing {
    width: 50px;
    max-width: 50px;
}

.footablev3 table.footable-editing-no-edit td.footable-editing {
    width: 70px;
    max-width: 70px;
}

.footablev3 table.footable-editing-no-edit.footable-editing-no-view td.footable-editing {
    width: 50px;
    max-width: 50px;
}

.footablev3 table.footable-editing-left td.footable-editing {
    text-align: left;
}

.footablev3 table.footable-editing-left tr.footable-editing {
    text-align: left;
}

.footablev3 table.footable-editing button.footable-add {
    display: none;
}

.footablev3 table.footable-editing button.footable-hide {
    display: none;
}

.footablev3 table.footable-editing.footable-editing-always-show button.footable-hide {
    display: none;
}

.footablev3 table.footable-editing.footable-editing-always-show button.footable-show {
    display: none;
}

.footablev3 table.footable-editing.footable-editing-always-show button.footable-add,.d-inline {
    display: inline-block;
}

.footablev3 table.footable-editing.footable-editing-always-show.footable-editing-no-add tr.footable-editing {
    display: none;
}

.footablev3 table.footable-editing.footable-editing-show button.footable-add {
    display: inline-block;
}

.footablev3 table.footable-editing.footable-editing-show button.footable-hide {
    display: inline-block;
}

.footablev3 table > tbody > tr > td > span.footable-toggle {
    margin-right: 8px;
    opacity: .3;
}

.footablev3 table > tbody > tr > td > span.footable-toggle.last-column {
    margin-left: 8px;
    float: right;
}

.footablev3 table.table-condensed > tbody > tr > td > span.footable-toggle {
    margin-right: 5px;
}

.footablev3 table.footable-paging-center > tfoot > tr.footable-paging > td {
    text-align: center;
}

.footablev3 table.footable-paging-left > tfoot > tr.footable-paging > td {
    text-align: left;
}

.footablev3 table.footable-paging-right > tfoot > tr.footable-paging > td {
    text-align: right;
}

.footablev3 table.footable-editing-no-view td.footable-editing {
    width: 70px;
    max-width: 70px;
}

.footablev3 table.footable-editing-show button.footable-show {
    display: none;
}

@media (min-width: 768px) {
    .footablev3 .footable .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .footablev3 .footable .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .footablev3 .footable .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .footablev3 .footable .form-inline .input-group .form-control {
        width: auto;
    }

    .footablev3 .footable .form-inline .input-group .input-group-addon {
        width: auto;
    }

    .footablev3 .footable .form-inline .input-group .input-group-btn {
        width: auto;
    }

    .footablev3 .footable .form-inline .input-group > .form-control {
        width: 100%;
    }

    .footablev3 table.footable > thead > tr.footable-filtering > th div.input-group {
        width: auto;
    }

    .footablev3 table.footable > thead > tr.footable-filtering > th div.form-group {
        margin-left: 2px;
        margin-right: 2px;
    }

    .footablev3 table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
        margin-top: 0;
    }
}

@-webkit-keyframes fooicon-spin-r {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes fooicon-spin-r {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(359deg);
    }
}

.footablev3 .fooicon {
    display: inline-block;
    font-size: inherit;
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0, 0);
}

.footablev3 .fooicon:after {
    box-sizing: border-box;
}

.footablev3 .fooicon:before {
    box-sizing: border-box;
}

.footablev3 .footable-filtering-external.footable-filtering-right {
    text-align: right;
}

.footablev3 .footable-filtering-external.footable-filtering-left {
    text-align: left;
}

.footablev3 .footable-filtering-external.footable-filtering-center {
    text-align: center;
}

.footablev3 .footable-filtering-external ul.dropdown-menu > li > a.checkbox {
    margin: 0;
    display: block;
    position: relative;
}

.footablev3 .footable-filtering-external ul.dropdown-menu > li > a.checkbox > label {
    display: block;
    padding-left: 20px;
}

.footablev3 .footable-filtering-external ul.dropdown-menu > li > a.checkbox input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
}

.footablev3 .footable-paging-external.footable-paging-center {
    text-align: center;
}

.footablev3 .footable-paging-external.footable-paging-left {
    text-align: left;
}

.footablev3 .footable-paging-external.footable-paging-right {
    text-align: right;
}

.footablev3 .footable-paging-external ul.pagination {
    margin: 10px 0 0;
}

.footablev3 .footable-paging-external span.label {
    display: inline-block;
    margin: 0 0 10px;
    padding: 4px 10px;
}

.footablev3 td.footable-sortable > span.fooicon {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
    transition: opacity .3s ease-in;
}

.footablev3 td.footable-sortable.footable-asc > span.fooicon {
    opacity: 1;
}

.footablev3 td.footable-sortable.footable-desc > span.fooicon {
    opacity: 1;
}

.footablev3 td.footable-sortable:hover > span.fooicon {
    opacity: 1;
}

.footablev3 td.footable-editing {
    width: 90px;
    max-width: 90px;
}

.footablev3 .footable-loader.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.footablev3 div.footable-loader {
    vertical-align: middle;
    text-align: center;
    height: 300px;
    position: relative;
}

.footablev3 div.footable-loader > span.fooicon {
    display: inline-block;
    opacity: .3;
    font-size: 30px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: fooicon-spin-r 2s infinite linear;
}

.footablev3 .fooicon-loader:before {
    content: "\f01e";
}

.footablev3 .fooicon-plus:before {
    content: "\f067";
}

.footablev3 .fooicon-minus:before {
    content: "\f068";
}

.footablev3 .fooicon-search:before {
    content: "\f002";
}

.footablev3 .fooicon-remove:before {
    content: "\f00d";
}

.footablev3 .fooicon-sort:before {
    content: "\f0dc";
}

.footablev3 .fooicon-sort-asc:before {
    content: "\f0d7";
}

.footablev3 .fooicon-sort-desc:before {
    content: "\f0d8";
}

.footablev3 .fooicon-pencil:before {
    content: "\f040";
}

.footablev3 .fooicon-trash:before {
    content: "\f1f8";
}

.footablev3 .fooicon-eye-close:before {
    content: "\f070";
}

.footablev3 .fooicon-flash:before {
    content: "\f0e7";
}

.footablev3 .fooicon-cog:before {
    content: "\f013";
}

.footablev3 .fooicon-stats:before {
    content: "\f080";
}

.footablev3 th.footable-sortable > span.fooicon {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
    transition: opacity .3s ease-in;
}

.footablev3 th.footable-sortable.footable-asc > span.fooicon {
    opacity: 1;
}

.footablev3 th.footable-sortable.footable-desc > span.fooicon {
    opacity: 1;
}

.footablev3 th.footable-sortable:hover > span.fooicon {
    opacity: 1;
}

.footablev3 ul.pagination > li.footable-page {
    display: none;
}

.footablev3 ul.pagination > li.footable-page.visible {
    display: inline-block; /*updated by bala*/
}

/*FootableV3*/
/*Banking Facalites widget */
/* .bfTable .HW_tabletextwithpadding{ */
/* 	padding-left:20px; */
/* } */
.bfTable .listgreyrowtxtleftline {
    padding: 13px 20px;
}

.bfTable .listwhiterow,.bfTable .listrowwrapper:hover .listwhiterow,.bfTable .listgreyrow,.footablev3 table tbody tr {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.bfTable.footable>tbody>tr>td {
    display: table-cell;
}

.bfTable.footable-paging-center>tfoot>tr.footable-paging>td>div>ul {
    width: 100%;
}

.bfTable.footable-paging-center>tfoot>tr.footable-paging>td>div>ul>li:first,.bfTable.footable-paging-center>tfoot>tr.footable-paging>td>div>ul>last {
    display: none;
}

.bfTable.footable .pagination>li:first-child>a,.bfTable.footable .pagination>li:last-child>a,.bfTable.footable .pagination>li[data-page="prev-limit"],.bfTable.footable .pagination>li[data-page="next-limit"] {
    display: none;
}

.bfTable.footable .pagination>li>a {
    border: none !important;
}

.bfTable.footable .pagination>li.active,.bfTable.footable .pagination>li.active > a {
    background: transparent !important;
}

.bfTable.footable-paging-center>tfoot>tr.footable-paging>td>div>span,.bfTable.footable-paging-center>tfoot>tr.footable-paging>td>div>div {
    display: none;
}

/* Added by Govindh for Table Header Alignment in RUR2-434 -PFM Issue - Starts */

.footablev3 table th, .footablev3 table tr td:first-child{
	padding-left: 6px;
}

/* Added by Govindh for Table Header Alignment in RUR2-434 -PFM Issue - Ends */

/*Banking Facalites widget */
.bfSelectFieldSection {
    padding: 0 15px;
    margin: 0px;
    display: block;
}

.bfSelectFieldSection > span,.bfSelectFieldSection > span > span > span {
    width: auto !important;
}

.bfSelectFieldSection > span > span {
    width: 30%;
    margin: 0px;
}

.bfSelectFieldSection > span > span > input {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width: 767px) {
    .bfSelectFieldSection > span > span {
        width: 100%;
    }
    .footablev3 .fooicon-plus:before,.footablev3 .footable-toggle:before{
        width: 17px !important;
    height: 17px !important;
    background-size: cover;
    margin: 0;
    }
}

.beneficiary-table table > thead > tr > th {
    padding: 17px 20px;
}

.beneficiary-table table > thead > tr > th span {
    font-weight: 700;
    color: #58595b
}

.beneficiary-table table > tbody > tr > td:first-child span {
    color: #00aeef;
}

/* Added by Kanik for Footable new */
/* Added by Kanik for  filter section */
.serach-panel-row {
    width: 100%;
    margin: 0px;
}

.serach-panel-row > span {
    width: 23% !important;
    padding: 0 15px 0 0;
}

.serach-panel-row > span > span,.serach-panel-row > span > span > span {
    width: 100% !important;
}

.serach-panel-row > span > span > input, .serach-panel-row > span > span > span > input {
    width: 100% !important;
    margin: 0 0 20px 0;
    padding: 0px;
    height: 42px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    width: 100%;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* Added by Kanik for filter section */
/* Added by Soumen- For Operative Account Summary- Starts*/
.footable-filtering .form-inline {
    display: none;
}

.pageLeftContainer .stage3_searchpanelrow .stage3_searchpanelcolumn {
    width: 28% !important;
}

.pageLeftContainer .stage3_searchpanelrow .stage3_searchpanelcolumn .labelColumn_combo_small {
    width: 100% !important;
}

.pageLeftContainer .stage3_searchpanelrow .stage3_searchpanelcolumn .labelColumn_combo_small .autocomplete-icon {
    width: 20px !important;
    right: 10px !important;
}

/*
.ra4 table {
    table-layout: fixed;
}*/
.ra4 table > thead > tr > th:nth-child(1) {
/*     width: 18%; */
}

.ra4 table > thead > tr > th:nth-child(2) {
/*     width: 14%; */
}

.ra4 table > thead > tr > th:nth-child(3) {
    text-align: left !important;
/*     width: 8%; */
}

.ra4 table > thead > tr > th:nth-child(4) {
/*     width: 14%; */
    padding-right: 20px !important;
    /*    padding-right: 30px;*/
    text-align: right !important;
}

.ra4 table > thead > tr > th:nth-child(5) {
    padding-right: 0px !important;
/*     width: 14%; */
}

.ra4 table > thead > tr > th:nth-child(6) {
    padding-right: 20px !important;
    text-align: right !important;
/*     width: 14%; */
}

/* .ra4 table > thead > tr > th:nth-child(8) { */
/*     display: none !important; */
/* } */

.ra4 table > tbody > tr > td:last-child {
    position: relative;
}

table tbody tr .hasPulldownMenu {
    /*     top: auto; */
    right: 20px;
    /*updated  by bala as most of the table pulldown should have more margin in the right*/
    /*     margin-top: -15px; */
}

.ra4 table > thead > tr > th:nth-child(7) {
/*     width: 11%; */
    text-align: right !important;
    padding-right: 20px !important;
}

.ra4 table > tbody > tr > td:nth-child(4) {
    text-align: right !important;
}

.ra4 table > tbody > tr > td:nth-child(5) {
    text-align: right !important;
}

.ra4 table > tbody > tr > td:nth-child(6) {
    text-align: right !important;
}

.ra4 table tbody td, .beneficiary-table table > tbody > tr > td {
    color: #696969;
}

.ra4 table tbody .footable-first-column {
    color: #00aeef;
}

.ra4 table thead .req-color {
    color: #58595b;
    font-weight: 700 !important;
}

/* 
.ra4 table > tbody > tr:nth-child(1) > td:nth-child(5) {
    display: none;
}

/* 
.ra4 table tbody tr .null {
    display: none; 
}
*/
.ra4 table tbody tr {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.pageheadingcaps h1 {
    font-size: 24px !important;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    color: #696969;
}

/* .stage3_searchpanelcolumn .labelColumn_combo_brdr_small > input,.stage3_searchpanelcolumn .labelColumn_combo_brdr > input,.labelColumn_combo_small .labelColumn_combo_brdr_small input,.labelColumn_combo .labelColumn_combo_brdr input { */
/*     color: #909295; */
/* } */
/* commented as this color is not used - bala */
.no_border {
    border: 0;
}

/*
.ra4 table > tbody > tr:last-child {
    display: none;
}*/
.pageLeftContainer {
    box-shadow: none;
}

.s12 .widget-large {
    border: 0px;
}

.link-help, .link-help:hover {
    color: #9D9FA2;
    float: right;
}

.ra4 tbody td {
    padding-top: calc(0.8572em * 1);
    /* 12.008px !important; */
    padding-bottom: calc(0.8572em * 1);
    /* changed by ashwin for no-results uniformity  */
}

.stage3_detailsrow .icon-dropdown:before, .stage3_searchpanelrow .icon-dropdown:before, .stage3_detailspanelcombobuttonrow .icon-dropdown:before, .stage3_inputpanel_paydetailsrow .icon-dropdown:before,.drop_lbd_in .icon-dropdown:before, .for_drop_trans .labelColumn_combo_brdr_small .icon-dropdown:before, .homegradientfirstdivwithbgcolor_new3 .select-wrapper span.caret:after,.right_nav_panel .movetorightalign > .labelColumn_combo_download .labelColumn_combo_brdr_download .icon-dropdown:before,.homegradientcontainer_lastrow .icon-dropdown:before {
    content: "\e90b";
    font-family: 'icomoon';
    font-size: 12px;
    content: "\e919";
    position: absolute;
    right: 0;
    /*made as 0 to match page design in service request forms */
    top: 0;
    z-index: 1;
    transform: rotate(90deg);
    color: #00aeef !important;
}

.groupletWrapperDiv.rhsResp.favorite-section {
    position: fixed;
}

.groupletWrapperDiv.rhsResp.favorite-section:not(.is_box_visible) {
    display: none !important;
}

a.btn-floating.btn-large.is_clicked {
    transform: rotate(45deg);
}

a.btn-floating.btn-large {
    position: fixed;
    right: 11px;
    bottom: 9px;
    background-color: #00aeef;
}

/*
.groupletWrapperDiv.rhsResp.favorite-section .leftRoundCorner {
     display: none; 
}*/
@media screen and (max-width: 767px) {
/*	a.btn-floating.btn-large {
    bottom: 50px;
    background-color: #00aeef;
}*/
    .groupletWrapperDiv.rhsResp.favorite-section {
        max-width: 100%;
        top: 0;
        height: 100%;
        left: 0;
    }
}

.groupletWrapperDiv.rhsResp.favorite-section {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 10000;
    /* to display on top of header */
    width: 100%;
    /* bala - added to display in full screen in mobile view */
}

.s12 .container-large {
    width: 100% !important;
}

.brdCrumbNImg {
    margin-bottom: 40px;
}

.breadcrumb-block {
    display: none !important;
}

.print-preview-button.icon-print {
    display: none !important;
}

.ra4 table > tbody > tr > td:nth-child(7) {
    padding-left: 30px !important
}

.ra4 table > thead > tr > th, .ra4 table > tbody > tr > td {
    padding-right: 6px;
    padding-left: 6px;
}

@media screen and (max-width: 850px) and (min-width: 350px) {
    .ra4 table > tbody > tr > td:last-child {
        float: none !important;
    }

/*     .ra4 table > tbody > tr > td:last-child span { */
/*         float: right; */
/*     } */

    .link-help span {
        display: none;
    }

/*     .ra4 table > thead > tr > th , .ra4 table > thead > tr > th a,.ra4 table > thead > tr > th span { */
/*         font-size: 9px !important; */
/*     } */

/*     .ra4 table > tbody > tr > td, .ra4 table > tbody > tr > td a,.ra4 table > tbody > tr > td span { */
/*         font-size: 9px !important; */
/*     } */

    .ra4 table > thead > tr > th:last-child {
        display: none !important;
    }

    .ra4 table > thead > tr > th:nth-child(1) {
        width: 36%;
    }

    .ra4 table > thead > tr > th:nth-child(2) {
        width: 28%;
    }

    /*
    .ra4 table > thead > tr > th:nth-child(3) {
        width: 32.7%;
    }

    .ra4 table > thead > tr > th:nth-child(4) {
        width: 19%;
    }
*/

    .pageheadingcaps h1 {
        font-size: 28px !important;
        font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    }

    .pageLeftContainer .stage3_searchpanelrow .stage3_searchpanelcolumn {
        width: 100% !important;
    }

    /*     #makeFav_static { */
    /*         display: none; */
    /* -commented by bala to display this on mobile devices as well */
    /*     } */
}

#makeFav_static {
    z-index: 10001;
}

.link-help, .mt20 {
    margin-top: 20px;
}

/* Added by Soumen- For Operative Account Summary- Ends*/
/* Added by Soumen- For Favorite popup in mobile view of retail dashboard- Starts*/
.btn-floating.btn-large.for_retail_dashboard {
    display: none;
    z-index: 9999;
}

@media screen and (max-width: 850px) and (min-width: 350px) {
    .btn-floating.btn-large.for_retail_dashboard {
        display:block;
        z-index: 99999999 ;
    }

    .is_box_visible .rightRoundCornerIWantTo {
        display: block;
    }

    .rightRoundCornerIWantTo.is_box_visible {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99998 ;
        background: #fff;
        height: 100%;
        width: 100%;
    }

    a.btn-floating.btn-large.for_retail_dashboard.is_clicked {
        transform: rotate(45deg);
    }

    .rightRoundCornerIWantTo {
        display: none;
    }
}

/* Added by Soumen- For Favorite popup in mobile view of retail dashboard- Ends*/
/* Added by Soumen- For Beneficiary Details Page- Starts*/
@media screen and (max-width: 850px) and (min-width: 350px) {
    .rhsExpandIcon {
        display:none;
    }

    .ra3_c1_benef .labelColumn_combo .labelColumn_combo_brdr, .ra3_c1_benef .labelColumn_combo {
        padding-right: 0px !important;
    }

    .ra3_c1_benef .labelColumn_combo .labelColumn_combo_brdr {
        margin-top: 25px;
    }

    .beneficiary-table table > thead > tr > th > span, .beneficiary-table table > tbody > tr > td > span {
        font-size: 9px !important;
    }

    .beneficiary-table table > thead > tr > th {
        padding-bottom: 0px;
    }

    .footable-toggle.fooicon.last-column.fooicon-plus {
        font-size: 20px !important;
    }
}

.display_none {
    display: none !important;
}

.counterparty_heading .pageheadingcaps h1 {
    font-size: 40px !important;
    color: #696969;
}

.beneficiary-table table thead .footable-filtering {
    display: none;
}

.tableoverflowwrapperhw {
    overflow: visible !important;
    border: 0;
}

.beneficiary-table table {
    table-layout: fixed;
}

.beneficiary-table table > thead > tr > th:nth-child(1) {
    width: 23%;
}

.beneficiary-table table > thead > tr > th:nth-child(2) {
    width: 34.5%;
}

.beneficiary-table table > thead > tr > th:nth-child(3) {
    width: 23.8%;
}

.beneficiary-table table > thead > tr > th:nth-child(4) {
    /* width: 16.2%; */
}

.beneficiary-table table > thead > tr > th:nth-child(5) {
    visibility: hidden;
}

.beneficiary-table table > tbody > tr > td:nth-child(3) {
    padding-left: 20px;
    padding-right: 30px;
}

.beneficiary-table table > tbody > tr > td:nth-child(4) {
    padding-left: 20px;
}

.s12 .container-large .widget-large {
    border: 0;
}

/*.beneficiary-table table > tbody > tr:last-child {
    display: none;
}
*/
.listingcol .left.gradientbgtwolinetxt {
     /*   visibility: hidden; */
    display: none;
}

.stage3_rightsurveymousebg {
    display: none;
}

/* Added by Soumen- For Beneficiary Details Page- Ends*/
.widget-head .h2Widget {
    text-transform: none !important;
}

/*for between my accounts*/
.subheading_btw_acc h3 {
    border: 0;
    height: auto;
    color: #696969;
    font-size: 20px !important;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
}

.btw_cnfrm_headings {
    color: #696969;
    font-size: 20px !important;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
}

.is_f_l {
    width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    float: left;
    position: relative;
    min-height: 150px;
    padding: 0 2%;
    border: 1px solid #e3e3e3;
}

.is_f_l.first {
    z-index: 2 !important;
}

.is_f_l.second.btw_acc_cnfrm_page,.is_f_l.first.btw_acc_cnfrm_page {
    min-height: 178px;
    margin-top:0 !important;
}

.is_f_l.first , .is_f_l.second {
    min-height: 210px;
}

.is_f_l.second:before {
/* 	border-bottom: 1px solid #e3e3e3; */
/*     border-top: 1px solid #e3e3e3; */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    left: -34px;
    background: #FBFBFB;
    z-index: 0;
}

.is_f_l.second .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column,.is_f_l.second .stage3_previewconfirm_label_column,.is_f_l.second .stage3_previewconfirm_details_column {
    position: relative;
}

.btw_acc_cnfrm_page .stage3_previewconfirm_label_column, .btw_acc_cnfrm_page .stage3_previewconfirm_details_column {
    margin-top: 30px;
}

.btw_acc_cnfrm_page .stage3_previewconfirm_label_column {
    margin-left: 20px;
    width: 50%;
}

.is_f_l.first {
    border-right: 0;
}

.is_f_l.second {
    border-left: 0;
}

.is_f_l h3 {
    margin-top: 1px !important;
    border: 0;
}

.is_f_l.first:after, .is_f_l.first:before {
    content: '';
    width: 20px;
    position: absolute;
    top: 1px;
    height: 50%;
    right: 0px;
    bottom: 50%;
    background: #fff;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #E3E3E3;
    -webkit-transform: skew(24deg, 0deg);
    -ms-transform: skew(24deg, 0deg);
    transform: skew(24deg, 0deg);
    z-index: 0;
    visibility: visible;
}

.is_f_l.first:before {
    top: 50%;
    height: 49.5%;
    right: 0;
    bottom: 1px;
    border-width: 0 1px 0 0;
    -webkit-transform: skew(-24deg, 0deg);
    -ms-transform: skew(-24deg, 0deg);
    transform: skew(-24deg, 0deg);
}

.is_f_l .querytextright_stage3 {
    width: 91% !important;
}

.is_f_l .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column {
    margin-top: 30px !important;
}

.is_f_l.second .querytextright_stage3 {
    margin-left: 30px;
}

.is_f_l .querytextright_stage3 {
    margin-top: 25px;
}

.is_f_l.first .labelColumn_combo_small {
    margin-bottom: 15px;
}

.stage3_inputpanel_paydetailsrow .stage3_inputpanel_column .simpletext,.stage3_previewdetailsrow .stage3_previewconfirm_label_column .simpletext {
    font-family: "open_sansregular", arial, sans-serif !important;
    color: #696969 !important;
}

.is_f_l .lookup_buttonlarge {
/*     margin-left: 50% !important; */
}

.is_f_l.second .stage3_inputpanel_column {
    margin-left: 25px;
}

.querytextright_stage3.is_a_box .labelColumn_combo_toosmall {
    width: 14% !important;
}

.is_f_l .querytextright_stage3 .searchsimpletext {
    padding-right: 0px;
}

.is_f_l .stage3_inputpanel_paydetailsrow .simpletext {
    font-size: 16.1px !important;
    font-family: 'helveticaneuemedium', sans-serif !important;
    color: #58595b !important;
}

.is_f_l .stage3_inputpanel_paydetailsrow .ERROR_ROW_HIGHLIGHT .simpletext {
    color: #FF6E6E !important;
    font-family: 'open_sanssemibold', sans-serif !important;
    font-size: 12px !important;
    line-height: 24px;
    margin-left: 31px;
    position: relative;
}

.other_details .querytextright_stage3 .querytextboxmedium_small {
    width: 100%;
}

.for_amt_align_btw_acc .stage3_inputpanel_column {
    width: 25%;
    float: left;
    text-align: left;
}

.for_amt_align_btw_acc .querytextright_stage3 .labelColumn_combo_toosmall {
    width: 14%;
}

.for_amt_align_btw_acc .querytextright_stage3 .labelColumn_combo_brdr_toosmall {
    width: 100%;
}

.for_amt_align_btw_acc .querytextright_stage3 .labelColumn_text_brdr_toosmall {
    width: 55% !important;
    box-sizing: border-box;
}

.for_amt_align_btw_acc .querytextright_stage3 .labelColumn_text_brdr_toosmall input {
    width: 100%;
}

.ra8_btw_acc .querytextboxmedium_small {
    width: 98% !important;
}

.border_none {
    border: 0 !important;
}

.for_type_align_btw_acc {
    margin-top: 30px;
}

.for_amt_align_btw_acc .stage3_inputpanel_column .simpletext,.for_datealign_btw_accts .stage3_inputpanel_column .simpletext, .for_type_align_btw_acc .stage3_inputpanel_column .simpletext {
    font-size: 14px !important;
    font-family: "open_sansregular", arial, sans-serif !important;
    color: #696969 !important;
}

.for_datealign_btw_accts .stage3_inputpanel_column, .auth-container .querytextleft {
    width: 25%;
}

.for_datealign_btw_accts .stage3_inputpanel_column .simpletext, .for_type_align_btw_acc .stage3_inputpanel_column .simpletext, .summary-btn-row {
    float: left;
}

.for_type_align_btw_acc .stage3_inputpanel_column {
    width: 11%;
}

.for_type_align_btw_acc .labelColumn_combo_brdr_small {
    float: right;
}

.transfersection_btw_acc {
    margin-bottom: 40px;
}

.for_amt_align_btw_acc .querytextright_stage3 span:nth-child(3) i {
    color: #00aeef;
    background-color: #fff;
    margin-left: 0px !important;
}

.for_amt_align_btw_acc .querytextright_stage3 span:nth-child(3) i:hover {
    box-shadow: none;
}

.for_amt_align_btw_acc .querytextright_stage3 span:nth-child(3) i input {
    text-transform: none;
    font-size: 11.9px !important;
    font-family: "open_sansregular", arial, sans-serif;
}

.for_amt_align_btw_acc .querytextright_stage3 span:nth-child(3) {
    float: left;
    display: inline-block;
    width: 15%;
}

.for_amt_align_btw_acc .querytextright_stage3 span:nth-child(4) {
    width: 40% !important;
    float: left !important;
}

.is_a_box {
    width: 74% !important;
    display: inline-block;
}

.other_details h3, .transfersection_btw_acc h3 {
    border: 0 !important;
}

.heading_btw_acct {
    margin-left: 50px;
}

.heading_btw_acct h1 {
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
}

/*for optansactionhistory Soumen*/
.rb12_op_trans_his,.auth-container .querytextleft , .mt15{
    margin-top: 15px;
}

.op_trans_his .stage3_searchpanelcolumn .stage3_searchpanellabel {
    color: #696969 !important;
    font-size: 11.2px !important;
    font-family: "open_sansregular", arial, sans-serif;
}

.pageLeftContainer .stage3_searchpanelrow .stage3_searchpanelcolumn.rb12c2_op_trans_his {
    margin-top: 10px !important;
    width: 100% !important;
}

.pageLeftContainer .stage3_searchpanelrow .stage3_searchpanelcolumn.rb12c2_op_trans_his .labelColumn_combo_download, .mr10 {
    margin-right: 10px;
}

.for_trans_his .collapsible-wrapper {
    overflow: hidden !important;
    box-shadow: none;
}

.for_trans_his .span-radiobutton {
    display: none;
}

.vis_hid {
    visibility: hidden;
}

/*.trans_his_table thead tr:nth-child(2){display:none;}
.trans_his_table tbody tr:nth-child(2){display:none;}*/
.op_trans_his span.span-radiobutton {
    display: none !important;
}

.op_trans_his.stage3_searchpanelrow .stage3_searchpanelcolumn {
    width: 11% !important;
    margin: 0 0.75% !important;
    /* display:inline-block; */
    padding: 0;
    float: left;
}

.op_trans_his.stage3_searchpanelrow .stage3_searchpanelcolumn.is_double_width {
    width: 23.5% !important;
}

.is_double_width {
    width: 23.5% !important;
    display: inline-block;
}

.for_trans_his .stage3_searchpanelrow,.mb15 {
    margin-bottom: 15px;
}

.op_trans_his.stage3_searchpanelrow .stage3_searchpanelcolumn span , .op_trans_his.stage3_searchpanelrow .stage3_searchpanelcolumn input {
    max-width: 100%;
    padding: 0;
    margin: 0;
    max-height: 100%;
    height: 30px;
}

.op_trans_his.stage3_searchpanelrow .stage3_searchpanelcolumn .picker-icon {
    max-height: 100%;
    background-position-y: 0;
    height: 31px;
}

.for_trans_his {
    border: 0;
}

.trans_his_pageheading {
    color: #696969;
    font-size: 40px !important;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    font-weight: 400 !important;
}

.ra3_c1_trans_his table thead tr th, .ra4 table thead th, .ra4_ln_acc_sum table thead th {
    color: #58595b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-family: 'open_sansbold', sans-serif !important;
}

.ra3_c1_trans_his table tbody tr td {
    color: #696969;
    font-size: 14px !important;
    font-family: "open_sansregular", arial, sans-serif !important;
    font-weight: 400 !important;
}

/* .ra3_c1_trans_his table thead tr th:nth-child(1) { */
/*     width: 10%; */
/* } */

/* .ra3_c1_trans_his table thead tr th:nth-child(2) { */
/*     width: 10%; */
/*     padding-left: 20px; */
/* } */

/* .ra3_c1_trans_his table thead tr th:nth-child(3) { */
/*     width: 15%; */
/* } */

/* .ra3_c1_trans_his table thead tr th:nth-child(4) { */
/*     width: 10%; */
/* } */

/* .ra3_c1_trans_his table thead tr th:nth-child(5) { */
/*     width: 11%; */
/* } */

/* .ra3_c1_trans_his table thead tr th:nth-child(6) { */
/*     width: 11%; */
/*     padding-right: 30px; */
/* } */

/* .ra3_c1_trans_his table thead tr th:nth-child(7) { */
/*     width: 11%; */
/*     padding-right: 30px; */
/* } */

/* .ra3_c1_trans_his table thead tr th:nth-child(8) { */
/*     width: 11%; */
/*     padding-right: 30px; */
/* } */

.ra3_c1_trans_his table thead tr th:nth-child(5) span {
    padding-right: 10px;
}

/* .pagination-wrapper .content.info-division {
    display: none;
} */

.ra3_c1_trans_his table tbody tr td:nth-child(7) {
    color: #ff6e6e !important;
}

/* .ra3_c1_trans_his table tbody tr td:nth-child(1) { */
/*     width: 13%; */
/* } */

/* .ra3_c1_trans_his table tbody tr td:nth-child(2) { */
/*     width: 38%; */
/*     padding-left: 20px; */
/* } */

/* .ra3_c1_trans_his table tbody tr td:nth-child(3) { */
/*     width: 17.3%; */
/* } */

/* .ra3_c1_trans_his table tbody tr td:nth-child(4) { */
/*     width: 13.6%; */
/* } */

/* .ra3_c1_trans_his table tbody tr td:nth-child(5) { */
/*     width: 18.7%; */
/* } */

.search_btn_trans_his {
    position: relative;
    top: -15px;
    margin-left: 15px;
}

.for_s2 {
    color: #ff6e6e !important;
}

@media screen and (max-width: 850px) and (min-width: 350px) {
    .ra3_c1_trans_his table thead tr th:nth-child(1) {
        width:29.6%;
    }

    .ra3_c1_trans_his table thead tr th:nth-child(2) {
        width: 29.6%;
    }

    .ra3_c1_trans_his table thead tr th:nth-child(3) {
        width: 40.8%;
    }

    .ra3_c1_trans_his table tbody tr td:nth-child(1) {
        width: 29.5%;
    }

    .ra3_c1_trans_his table tbody tr td:nth-child(2) {
        width: 29.6%;
    }

    .ra3_c1_trans_his table tbody tr td:nth-child(3) {
        width: 40.8%;
    }

    .op_trans_his .stage3_searchpanelrow .stage3_searchpanelcolumn, .op_trans_his .stage3_searchpanelrow .stage3_searchpanelcolumn.is_double_width {
        width: 100% !important;
    }

    .op_trans_his .rb4_op_trans_his .stage3_searchpanelrow .stage3_searchpanelcolumn {
        width: 50% !important;
    }
}

.footablev3 table:not(.footable-details) > tbody > tr:nth-child(even),
.footablev3 table:not(.footable-detail-row) > tbody > tr:nth-child(even)
 {
    display: none;
}

table thead th {
    font-family: 'open_sansbold', sans-serif !important;
}

.footablev3 .fooicon-minus:before {
    color: #00AEEF;
}

.trans_his_table table tbody tr:nth-child(even) {
    display: none;
}

.op_trans_his p span label {
    font-family: "open_sansregular", arial, sans-serif !important;
    font-size: 11.2px !important;
    color: #696969;
}

.rb4_op_trans_his span input {
    color: #909295;
}

/*Added for Service request landing page*/
.tSecTab-list .tSecTab {
    margin-bottom: 40px;
}

.tSecTab-list ul.tLiSty {
    margin-top: 0;
}

.tSecTab-list h3, .tSecTab-list .dWidgetCon .halfwidget .widHead .title, .dWidgetCon .halfwidget .widHead .tSecTab-list .title {
    margin: 0 0 20px;
}

ul.tLiSty {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    margin-top: -webkit-calc(0.8572em * 3);
    margin-top: calc(0.8572em * 3);
    margin-right: 0;
    margin-left: 0;
}

ul.tLiSty li {
    position: relative;
}

ul.tLiSty li:after {
    content: "";
    display: table;
    clear: both;
}

ul.tLiSty li:first-child {
    padding-top: 0;
}

ul.tLiSty li a.title {
    padding-left: -webkit-calc(0.8572em * 3);
    padding-left: calc(0.8572em * 3);
}

ul.tLiSty li a.title i {
    left: -webkit-calc(0.8572em - 10px);
    left: calc(0.8572em - 10px);
}

ul.tLiSty li a.title-split {
    padding-top: -webkit-calc(0.8572em);
    padding-top: calc(0.8572em);
    padding-bottom: -webkit-calc(0.8572em * 1);
    padding-bottom: calc(0.8572em * 1);
    padding-right: -webkit-calc(0.8572em * 2);
    padding-right: calc(0.8572em * 2);
    padding-left: -webkit-calc(0.8572em * 1);
    padding-left: calc(0.8572em * 1);
    position: relative;
    color: #696969;
    float: right;
    width: -webkit-calc(100% - 0.8572em * 4);
    width: calc(100% - 0.8572em * 4);
    min-height: -webkit-calc(0.8572em * 4);
    min-height: calc(0.8572em * 4);
}

ul.tLiSty li a.title-split:hover {
    color: #00aeef;
}

ul.tLiSty li .moreopt {
    float: left;
    width: -webkit-calc(0.8572em * 4);
    width: calc(0.8572em * 4);
    text-align: center;
    min-height: -webkit-calc(0.858em * 4);
    min-height: calc(0.858em * 4);
    line-height: -webkit-calc(0.858em * 4);
    line-height: calc(0.858em * 4);
    position: relative;
}

ul.tLiSty li .moreopt i.material-icons {
    vertical-align: middle;
    color: #696969;
}

ul.tLiSty li .moreopt:hover i.material-icons {
    color: #00aeef;
}

/*trans history General details Starts*/
.no_border_general_details {
    border: 0;
}

.mt30{
    margin-top: 30px;
}

.heading_gen {
    font-size: 20px !important;
    color: #696969 !important;
}

.is_general_details {
    background: none ;
}

.is_general_details h3, .is_general_details .stage3_previewconfirmdetails {
    border : 0 ;
}

.is_general_details .stage3_previewdetailsrow {
    margin-top: 24px !important;
}

.is_general_details .stage3_previewconfirm_label_column {
    text-align: left;
    padding-left: 10px
}


.stage3_previewconfirmdetails .stage3_previewdetailsrow .stage3_previewconfirm_label_column label,
.stage3_previewconfirmdetails .stage3_previewdetailsrow .stage3_previewconfirm_label_column span {
    font-family: "open_sansregular", arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    padding-right:15px !important;
}

.stage3_previewconfirmdetails .stage3_previewdetailsrow .stage3_previewconfirm_details_column span, .myprofilehome_details_column .simpletext, .bold,.stage3_leftrightmainpanel.dd-container .stage3_inputpanel_paydetailsrow .stage3_previewconfirm_details_column span {
    font-family: 'open_sanssemibold', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
   /*  padding-left:15px !important; */
}

/*trans history General details Ends*/
.width100percent_downloadIcons {
    width: 50%;
    float: right;
    border: 0;
    text-align: right;
}

.type_FEBADate, .dateCol .all-datepicker.type_.picker__input {
    padding-left: 24px !important;
    box-sizing: border-box !important;
}

.picker-icon {
    right: auto;
   min-height: 42px;
	left: 0;
}

.for-date-fill {
    color: #00aeef;
    font-size: 12px;
    margin-right: 16px;
}

.ml0{margin-left:0px !important;}

.rightRoundCornerIWantTo .stage3_menuIdTextlink {
    background-color: rgb(0, 174, 239);
}

.favorite-section {
    max-width: 315px;
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: -1px 2px 9px 0px #e6e6e6;
    box-shadow: -1px 2px 9px 0px #e6e6e6;
}

.favorite-section .widget {
    border: 0;
}

.rightRoundCornerIWantTo .simpletext {
    display: none;
}

.favorite-section .widget-content {
    box-shadow: 0 0 0 !important;
}

.favorite-section .widget .stage3_menuIdTextlink li:hover {
    background-color: rgb(0, 174, 239);
}

.rightRoundCornerIWantTo:first-child p:first-child {
    background: #fff;
    border: 0;
}

.rightRoundCornerIWantTo:first-child p:first-child span {
    font-family: "open_sansbold", arial, sans-serif !important;
    font-size: 12px;
    color: #0076ad !important;
}

.added-to-fav, .add-to-fav {
    border: 1px solid #2b6982;
    margin-bottom: 20px;
    border-radius: 2px;
}

.favorite-section .widget .stage3_menuIdTextlink li a,.favorite-section .widget .stage3_menuIdTextlink li a:after {
    color: #fff !important;
}

.hasPulldownMenu .menuChoices.menuChoices_3,.hasPulldownMenu .menuChoices.menuChoices_3 ul li {
    overflow: hidden !important;
    z-index: 9999;
}

/*.width100percent_downloadIcons {margin-top:-70px;}*/
/*Service request Listing UI customisation - Bala Start*/
.sr-listing .collapsible-body {
    display: block;
    border: 1px solid #E0E0E0;
    border-bottom: none;
}

.srSearch {
    color: #909295;
}

.srSearch, .srSearch:hover, .srSearch:focus {
    border: none;
    background: none;
    position: absolute;
    right: 10px;
/*     margin-top: 10px; */
    outline: none;
    box-shadow: none;
    padding: 0;
}

.srSearch i {
    font-size: 24px;
}

.srSearch:hover {
    color: #00aeef;
}

.sr-listing {
    border: none;
    box-shadow: none;
    width: 66.66667%;
    margin-left: 8.33% !important;
    left: auto;
    right: auto;
    position: relative;
}

.sr-listing .collapsible-header {
    margin-bottom: 20px;
    border: none;
    margin-top: 20px;
    padding: 0;
}

.sr-listing .collapsible-header:hover {
    background-color: #fff;
}

.sr-listing .collapsible-header .collapsible_tab {
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    background-color: #fff !important;
    color: #696969 !important;
    border: none;
    padding-left: 0;
    cursor: default;
    margin-bottom: 0;
}

.service-req-panel {
    border: none;
    box-shadow: none;
    margin-top: 30px;
}

.service-req-panel h3 {
    height: auto;
    margin-top: 0;
}

.sr-search-container {
    padding-top: 10px !important;
}

.sr-search-container input {
    width: calc(100% - 30px);
    padding-right: 30px;
}

.sr-listing .collapsible-body a {
    color: #696969 !important;
}

.sr-listing .collapsible-body p:hover a, .sr-listing .collapsible-body a:hover,.sr-listing .collapsible-body a:hover .simpletext {
    color: #00aeef !important;
}

.sr-listing .collapsible-body .material-icons {
    position: absolute;
    right: 11px;
    color: #00aeef !important;
    top: 12px;
}

.sr-listing .collapsible-body p {
    padding: 12px 36px 12px 24px;
    line-height: 24px;
    border-bottom: 1px solid #E0E0E0;
   position: relative;
}

.collapsible-body.border_bottom_clear_imp p:last-child {
    border-bottom: none;
}

.collapsible.sr-listing div:last-child p:last-child {
    border-bottom: 1px solid #E0E0E0;
}

.sr-listing .collapsible-body .simpletext,.fs14, .downloadPanelBorder .downloadtext {
    font-size: 14px;
    color: #696969 !important;
}

@media screen and (max-width: 992px) {
    .sr-listing {
        margin-left: 0 !important;
    }

    .rhsCollpaseRightIcon {
        display: none !important;
        /*added by bala as icon should not be displayed in mobile fav*/
    }
}

/*Service request Listing UI customisation - Bala End*/
/*demand Draft request UI customisation - Bala Start*/
.dd-container .ERROR_ROW_SPAN {
    width: 100%;
    margin-top: 10px;
}

.section_grayborder {
    margin-top: 30px;
    float: left;
}

.section_grayborder h3 {
    margin-bottom: 30px;
    padding-top: 44px !important;
}

.section_grayborder .formrow .querytextleft {
    text-align: left;
    width: 25%;
}

.section_grayborder .formrow .querytextleft label {
    color: #696969;
    padding-left: 15px;
}

.dd-container .stage3_inputpanel_paydetailsrow {
    margin-bottom: 20px;
}

.dd-container .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column, .lbl_portfolio {
    float: left;
    text-align: left;
    width: 25%;
    padding-right: 15px;
}

.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3, .dd-container .stage3_previewdetailsrow .querytextright_stage3{
    float: left;
    text-align: left;
    width: 50%;
    height: auto;
}

.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn, .dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelcolumnsmall , .dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn .labelcolumncombosmall,.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn .type_RemarksMedium,.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn .querytextboxmedium.type_FEBAAmoun{
    width: 100% !important;
    height: auto;
    padding-bottom: 0;
}

.dd-container .stage3_previewdetailsrow .querytextright_stage3 .labelColumn, .dd-container .stage3_previewdetailsrow .querytextright_stage3 .labelcolumnsmall{
	    width: 100% !important;
    height: auto;
    padding-bottom: 0;
}

.dd-container label.active,.section_grayborder label.active,.section_grayborder .searchsimpletext_sideheading,.section_grayborder .queryitalictext {
    color: #696969;
}

.section_grayborder label {
    font-size: 14px !important;
}

.section_grayborder .searchsimpletext_sideheading {
    color: #696969;
    font-size: 20px;
    line-height: 24px;
}

.section_grayborder .querytextleft_withleftBorder_Auth {
    border: none;
    margin-top: 40px;
}

.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn_combo_small {
    width: 100%;
    padding-right: 0;
    margin-left: 0;
    height: auto;
    padding-bottom: 0;
}

.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn_combo_toosmall {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    width: 25%;
}

.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn_combo_brdr_toosmall {
    width: 100%;
    padding-right: 0;
}

.dd-container .icon-dropdown {
    right: 5px;
}

.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn_combo_brdr_small {
    padding-right: 0;
    height: auto;
}

.dd-container input[type="text"] {
    height: 42px !important;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.dd-container .querytextboxmedium_small {
    height: auto;
    width: calc(75% - 5px);
    padding-right: 0;
}

.dd-container .querytextboxmedium_small input {
    width: 100%;
}

.dd-container input[name="autocomplete-dropdown"] {
    height: 43px !important;
}

.dd-container .querytextright_stage3 .btn {
    height: auto;
}

.dd-container .querytextright_stage3 .waves-input-wrapper .waves-button-input {
    padding: 12px;
    top: 0;
}

.dd-container .querytextright_stage3 .picker-icon {
    right: unset;
    /*left: 5px;*/
}

.dd-container .querytextright_stage3 .all-datepicker {
    padding-left: 30px !important;
    width: 100%;
    margin-left: 0;
}

.dd-container input[type=text]:focus:not ([readonly] ), .dd-container input[type=password]:focus:not ([readonly] ), .dd-container input[type=email]:focus:not ([readonly] ), .dd-container input[type=url]:focus:not ([readonly] ), .dd-container input[type=time]:focus:not ([readonly] ), .dd-container input[type=date]:focus:not ([readonly] ), .dd-container input[type=datetime-local]:focus:not ([readonly] ), .dd-container input[type=tel]:focus:not ([readonly] ), .dd-container input[type=number]:focus:not ([readonly] ), .dd-container input[type=search]:focus:not ([readonly] ) {
    border-bottom: 1px solid #696969;
    -o-box-shadow: 0 1px 0 0 #696969;
    -ms-box-shadow: 0 1px 0 0 #696969;
    -moz-box-shadow: 0 1px 0 0 #696969;
    -webkit-box-shadow: 0 1px 0 0 #696969;
    box-shadow: 0 1px 0 0 #696969;
    border-bottom: 1px solid #696969;
}

.dd-container,.section_grayborder,div .stage3_inputpanel_leftcontainer.dd-container  {
    border: none !important;
    width: 83.33% !important;
    left: 8.33% !important;
    position: relative;
}

.dd-nav-btn-container {
    border: none;
    width: 83.33% !important;
    left: 8.33% !important;
    position: relative;
      margin-top: 96px !important;
}

.dd-nav-btn-container .reset-btn,.dd-nav-btn-container .reset-btn:hover ,.width79percent_navigationpanel .reset-btn,.width79percent_navigationpanel .reset-btn:hover,
.reset-btn, .reset-btn:hover {
    background-color: white;
    color: #00aeef;
    border: 1px solid #00aeef;
}

.width79percent_navigationpanel .reset-btn input {
    color: #00aeef;
}

/* .dd-nav-btn-container .reset-btn .waves-button-input { */
/*     top: 7px; */
/* } */

.dd-container .span-radiobutton {
    margin-top: 8px;
    padding-left: 36px !important;
}

.dd-container .span-radiobutton:before,.dd-container .span-radiobutton:after {
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    border: 1px solid #00aeef;
}

/* .dd-container .querytextright_stage3 .span-radiobutton:after{ */
/* 	width: 20px; */
/*     height: 20px; */
/*     border-radius: 0px; */
/*     border: 1px solid #00aeef; */
/* } */
/* .dd-container .span-radiobutton:after { */
/*     left: -4px; */
/*     top: -4px; */
/* } */

.dd-container [type="radio"]:checked + span:after {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 50%;
    background-color: #00aeef;
/*     left: -4px; */
    border: 1px solid #00aeef;
/*     top: -4px; */
}

.dd-container [type="radio"]:checked + span:before {
    background-color: white;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.dd-container .exchange-btn-column .btn {
    margin-left: 15px;
    background-color: white;
    color: #00aeef;
    padding: 0;
    height: auto;
    top: 15px;
}

.dd-container .exchange-btn-column .btn-flat{
    margin-right: 20px;
    background-color: white;
    color: #00aeef;
    padding: 0;
    height: auto;
    top: 6px;
}

.dd-container .exchange-btn-column .btn:hover {
    box-shadow: none;
}

.dd-container .exchange-btn-column .btn .waves-button-input {
    top: 0;
    font-size: 12px !important;
    font-family: "open_sansregular", arial, sans-serif !important;
}

/*demand Draft request UI customisation - Bala End*/
/* Step tracker styling starts - Bala*/
.stpCount {
    display: flex;
    margin-bottom: 20px;
    margin-top: 4px;
}

.stpCount li {
    flex-grow: 1;
}

.stpCount li:not(:last-child) {
    margin-right: 5px;
}

.stpCount li a {
    height: 5px;
    text-indent: -9999px;
    display: block;
    background: #F5F5F5;
}

.stpCount li.active a {
    background: #00aeef;
}

.stp,.mand {
    display: inline-block;
    font-size: 12px;
}

.stp {
    font-family: "open_sansbold", arial, sans-serif !important;
}

.mand {
    float: right;
}

.stepPatch h2 {
    font-size: 28px !important;
    line-height: 48px;
    margin: 24px 0 24px 0;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    border-bottom: none;
    color: #696969;
}

/* Step tracker styling ends - Bala*/
/* added by Payal and Dush :start*/
.tempMenuStyle {
    line-height: 72px;
    display: inline-block;
    float: none;
}

.hideElementFromUI {
    display: none !important;
}

/* @media screen and (max-width: 991px){ */
/* 	.headerouter_r .txt_boxnew { */
/* 	    width: 7% !important; */
/* 	    max-width: 30px !important; */
/* 	} */
/* } */
/* added by Payal and Dush :end*/
.width100percent hr:nth-child(1) {
    display: none;
}

.controlOptionTd .ControlOptionArrow {
    display: none;
}

.controlOptionTd a {
    color: #696969 !important;
    font-size: 14px;
    top: -1px;
    padding-left: 1px;
    padding-right: 1px;
}

.controlOptionTd a:hover,.controlOptionTd a.ActiveMenu {
    color: #00aeef !important;
    padding-bottom: 5px;
    border-bottom: 5px solid #00aeef !important;
}

/*Added by Soumen for LnAccountSummary(My Loans)- Starts*/

.ra4_ln_acc_sum table > tbody > tr > td:nth-child(1), .ra4_ln_acc_sum table > tbody > tr > td:nth-child(4) span, .ra4_ln_acc_sum table > tbody > tr > td:nth-child(2){
    padding-left:0px !important;
}
.ra4_ln_acc_sum table > tbody > tr > td:nth-child(3) a{
	padding-left:45px;
}
.ra4_ln_acc_sum table > thead > tr > th:nth-child(1) {
    width: 16%;
}

.ra4_ln_acc_sum table > thead > tr > th:nth-child(2) {
    width: 16%;
}

.ra4_ln_acc_sum table > thead > tr > th:nth-child(3) {
    width: 16%;
}

/* .ra4_ln_acc_sum table > thead > tr > th:nth-child(4) { */
/*     width: 22%; */
/* } */

/* .ra4_ln_acc_sum table > thead > tr > th:nth-child(5) { */
/*     width: 10%; */
/* } */

/* .ra4_ln_acc_sum table > thead > tr > th:nth-child(6) { */
/*     width: 18%; */
/* } */

.ra4_ln_acc_sum table .HW_tabletextwithpadding {
    padding-left: 0px !important;
}

.ra4_ln_acc_sum table > tbody > tr > td:last-child, .ra4_ln_acc_sum table > tbody > tr > td:nth-child(2),.footablev3 table > tbody > tr > td:last-child {
    position: relative;
}

/*.ra4_ln_acc_sum table > tbody > tr > td:nth-child(2){text-align:right;}*/
.footablev3 .listrowwrapper tr td {
    height: 54px;
}

.ra4_ln_acc_sum table > tbody > tr > td:last-child {
    height: 52px;
}

/*Added by Soumen for LnAccountSummary(My Loans)- Ends*/
.footable-pagination-wrapper ul li a {
    color: #919191 !important;
}

/*Added by Soumen for dpAccountSummary(Deposits)- Starts*/
/* .ra4_dp_acc_sum table > thead > tr > th:nth-child(1) { */
/*     width: 15%; */
/* } */

/* .ra4_dp_acc_sum table > thead > tr > th:nth-child(7) { */
/*     float: right; */
/*     padding-left: 15px !important; */
/* } */

/* .ra4_dp_acc_sum table .HW_tabletextwithpadding { */
/*     padding-left: 0px !important; */
/* } */

/* .ra4_dp_acc_sum table > tbody > tr > td:nth-child(2) { */
/*     color: #00aeef!important; */
/* } */

/* .ra4_dp_acc_sum table > tbody > tr > td:nth-child(4) { */
/*     padding-left: 10px !important; */
/* } */

/* .ra4_dp_acc_sum table > tbody > tr > td:nth-child(5) { */
/*     float: right; */
/* /*     padding-right: 50px !important; */ 
/* } */

.pr30 {
    padding-right: 30px !important;
}

.ra4_dp_acc_sum table > thead > tr > th, .ra4_dp_acc_sum table > tbody > tr > td {
    padding-right: 16px ;
    padding-left: 6px 
}

@media screen and (max-width: 850px) and (min-width: 350px) {
    .ra4_dp_acc_sum table > thead > tr > th:nth-child(1) {
        width:auto;
    }

    .width100percent_downloadIcons {
        width: 100%;
    }

    .ra4_dp_acc_sum table .footable-details tbody tr:nth-child(1) td, .ra4_dp_acc_sum table .footable-details tbody tr:nth-child(2) td {
        float: right;
    }
}

/*Added by Soumen for dpAccountSummary(Deposits)- Ends*/
/*Added by Soumen for portfolio details(Investments)- Starts*/
/* .ra3_portfolio table > thead > tr > th, .ra3_portfolio table > tbody > tr > td { */
/*     padding-right: 6px !important; */
/*     padding-left: 6px !important */
/* } */

/* .ra3_portfolio table thead th.HW_tableRightAlign, .ra3_portfolio table tbody td.amtRightAlign { */
/*     text-align: left !important; */
/* } */

/* .ra3_portfolio table tbody td:nth-child(2) span { */
/*     padding-left: 20px; */
/* } */

/* .ra3_portfolio table thead th { */
/*     font-weight: 700 !important; */
/*     color: #58595b; */
/* } */

/* .ra3_portfolio table tbody td, .lbl_portfolio label,.lbl_portfolio label:focus { */
/*     color: #696969 !important; */
/* } */

.width79percent_navigationpanel.border_none .right span span i, .search_btn_trans_his span i input {
    color: #fff;
    box-shadow: none;
}

.drop_portfolio,.drop_cheque_in {
    margin-bottom: 40px;
}

.drop_portfolio .querytextright_stage3 .labelColumn_combo,.drop_portfolio .querytextright_stage3 .labelColumn_combo_small,.drop_cheque_in .labelColumn_combo_small, .stage3_inputpanel_paydetailsrow.drop_lbd_in .querytextright_stage3 .querytextboxmedium_small {
    width: 42.5%;
}

.drop_portfolio .querytextright_stage3 .labelColumn_combo_small .labelColumn_combo_brdr_small, .drop_cheque_in .labelColumn_combo_brdr_small, .stage3_searchpanelrow.row .labelColumn_combo_brdr_small, .stage3_inputpanel_paydetailsrow.row .labelColumn_combo_brdr_small{
    width: 100%;
    padding-right:0px !important;
}

/*Added by Soumen for portfolio details(Investments)- Ends*/
.footable-details.bfTable tbody tr .listgreyrowtxtleftline_withpadding span {
    float: right !important;
}

.ra1_cheque_in {
    /*margin-left: 20px;*/
    margin-bottom: 20px;
    margin-top: 40px;
}

.text_align_left {
    text-align: left !important;
}

.text_align_right{
	text-align:right !important;
}

.text_align_center{
	text-align:center !important;
}

.for_margin_cheque_out {
    /*margin-left: 20px;*/
}

.stage3_inputpanel_paydetailsrow.for_margin_cheque_out .labelColumn_text_brdr_toosmall {
    width: 23.5% !important;
}

.stage3_inputpanel_paydetailsrow.for_margin_cheque_out .labelColumn_text_brdr_toosmall input {
    width: 62%;
}

[id="PageConfigurationMaster_W80__1:RightContainer_Stage3_latestStmt"] {
    display: none;
}

.menuChoices.menuChoices_0 ul li, .menuChoices.menuChoices_0 ul li ul,.menuChoices.menuChoices_0 ul li .menuSideArrowImageForMenuChoices,.menuChoices.menuChoices_0 ul li .menuSideArrowImageForMenuChoices a {
    width: 100%;
}

.widget-large > .widget-body > .widget-content {
    overflow: visible;
}

.rhsResp.favorite-section div:nth-child(2) {
    margin-top: 0px !important;
}

.for_drop_trans .labelColumn_combo_small, .rb12c2_op_trans_his .labelColumn_combo_download {
    width: 42.5% !important;
}

.for_drop_trans .labelColumn_combo_small .labelColumn_combo_brdr_small
{
	width:100%;
	padding-right:0px !important;
}

.rb12c2_op_trans_his .labelColumn_combo_download .labelColumn_combo_brdr_download {
    width: 100%;
}

/* updated by bala -  to reuse in Button Tag helper*/
.btn-filter {
	margin-top: 12px !important;  /*Added by Ashwin for bringing the filter button in line with criteria*/
    color: #00aeef !important;
    top: 12px !important;
    border-radius: 4px;
    border: 1px solid #00aeef;
    min-height: 48px;
    padding-left: 49px;
    text-transform: unset;
    font-family: "open_sansregular", arial, sans-serif !important;
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: normal;
    padding-right: 25px;
}

.btn-filter, .btn-filter:hover {
    background-color: #fff;
}

.search_btn_trans_his {
    top: -28px;
}

.btn-filter i {
    position: absolute;
    left: 17px;
    top: 11px;
}

/* .rb4_op_trans_his{height:10px;} */
/* .rb12c2_op_trans_his span:nth-child(2) i { */
/*     color: #fff; */
/* } */

/* .for_leftmargin { */
/*     margin-left: 30px; */
/* } */

/*added by Bala - for transaction history chart starts*/
.graph-holder {
    width: 100%;
}

.graph-value-debit, .graph-value-credit {
    max-width: 100%;
    height: 48px;
    display: flex;   
}
.graph-amount-ph{	
    display: flex;
    flex: auto;
}
.graph-value-debit {  
    margin-top: 1px;
}
.graph-value-debit .graph-ph-text,.graph-value-debit .graph-amount{
	  background: #ff6e6e;
	}
.graph-value-credit .graph-ph-text,.graph-value-credit .graph-amount{
    background: #2ecc71;
}

.graph-ph-text,.graph-amount {
    display: flex;
    align-items: center;   
    height: 100%;
    padding: 0 26px;
    color: #fff;
}

.graph-ph-text {
    line-height: 24px;
    font-size: 14px;
    font-family: "open_sansregular", arial, sans-serif !important;
    font-weight: normal;
     min-width: 156px;
}

.graph-amount {
	justify-content: flex-end;
    text-transform: uppercase;
    font-size: 20px;
    white-space: nowrap;
     min-width:	110px;
}

/*added by Bala - for transaction history chart Ends*/
/*Added by Payal for cheque Book Inquiry-START */
.chequeList table thead tr th {
    color: #58595b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-family: 'open_sansbold', sans-serif !important;
}

.chequeList table tbody tr td {
    color: #696969;
    font-size: 14px !important;
    font-family: "open_sansregular", arial, sans-serif !important;
    font-weight: 400 !important;
}

/*Added by Payal for cheque Book Inquiry-END */
.search_criteria_margin {
   /*  margin-top: 40px; */
}

.for_drop_trans .labelColumn_combo_small {
    margin-top: 40px;
    margin-bottom: 25px;
}

.rb12_op_trans_his {
    margin-top: 35px;
}

.date_margin {
    margin-right: 15px;
}

.stage3_inputpanel_paydetailsrow.for_margin_cheque_out .stage3_inputpanel_column.text_align_left.date_margin {
    width: auto;
}

.stage3_detailspanelcombobuttonrow .for_drop_trans span, .rb4_op_trans_his {
    margin-left: -5px !important;
}

.stage3_searchpanelrow.op_trans_his {
    margin-left: -10px;
}

.margin_zero {
    margin-left: 0px !important;
}

.margin_bottom_50 {
    margin-bottom: 50px;
}

.chequeList table thead tr th {
    padding-left: 6px !important;
}

.nbs-flexisel-item.more-option .dropdown-content {
    min-height: 50px;
}

.rb4_op_trans_his .stage3_searchpanelcolumn .input-field input {
    text-align: center;
    height: 31px;
}

/*Added by Payal-START */
.notiFic {
    padding-right: -webkit-calc(0.8572em * 4);
    padding-right: calc(0.8572em * 4);
    padding-bottom: 0.8572em;
    padding-left: 0.8572em;
    padding-top: 0.8572em;
    background: #CBF0FD;
    position: relative;
    margin-bottom: -webkit-calc(0.8572em * 2);
    margin-bottom: calc(0.8572em * 2);
    font-family: 'open_sanssemibold', sans-serif;
    /*   width: -webkit-calc(100% - 34px);
    width: calc(100% - 34px); */
    color: #696969;
    font-size: 14px;
}

.marginTop25 {
    margin-top: 25px;
}

.greybutton .reset-btn,.greybutton .reset-btn:hover {
    background-color: white;
    color: #00aeef;
    border: 1px solid #00aeef;
    min-width: 149px;
}

/*Added by Payal-END */
/*Added by Ashwin*/
.note_row .note_col {
    color: #696969;
    font-size: 0.85em!important;
}

/*Added by Ashwin*/
.leftRoundCorner {
    height: 200px;
}

#CESMALL1,#CESMALL2,#CESMALL3 {
    padding-bottom: 0px !important;
}

.rightRoundCornerIWantTo .stage3_rtpanelquicklinkrow_new {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

.added-to-fav,.rightRoundCornerIWantTo .stage3_menuIdTextlink.option_active li a:hover {
    background-color: rgb(0, 118, 173) !important;
}

.rightRoundCornerIWantTo .stage3_menuIdTextlink.option_active {
    background-color: rgb(0, 174, 239) !important;
}

/*Added by Bala - Changes for Error Style Change Start */
.ERROR_ROW_BG input[type=input]:not([readonly]), .ERROR_ROW_BG input[type=text]:not([readonly]), .ERROR_ROW_BG input[type=password]:not([readonly]), .ERROR_ROW_BG input[type=email]:not([readonly]), .ERROR_ROW_BG input[type=url]:not([readonly]), .ERROR_ROW_BG input[type=time]:not([readonly]), .ERROR_ROW_BG input[type=date]:not([readonly]), .ERROR_ROW_BG input[type=datetime-local]:not([readonly]), .ERROR_ROW_BG input[type=tel]:not([readonly]), .ERROR_ROW_BG input[type=number]:not([readonly]), .ERROR_ROW_BG input[type=search]:not([readonly]), .ERROR_ROW_BG textarea.materialize-textarea:not([readonly]) {
    -o-box-shadow: 0 1px 0 0 #F44336;
    -ms-box-shadow: 0 1px 0 0 #F44336;
    -moz-box-shadow: 0 1px 0 0 #F44336;
    -webkit-box-shadow: 0 1px 0 0 #F44336;
    box-shadow: 0 1px 0 0 #F44336;
    border-bottom: 1px solid #F44336;
}

/*Added by Bala - Changes for Error Style Change  End */
.left_margin {
    left: 17% !important;
}

/*Added by Bala - Changes forDownload link  Starts */
.downloadtext {
    padding-right: 15px;
}

/* Modified By Ashwathi For defect-CUR1-107
.download-link-btn-container .btn-flat {
    padding: 0 5px;
    margin-top: -5px;
}
*/
.download-link-btn-container .btn-flat {
	text-transform: uppercase;
    padding: 0 5px;
    font-weight: bold;
}
.download-link-btn-container .waves-effect input {
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    top: 7px;
        min-width: auto;
}

.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .more-option.nbs-flexisel-item > ul > li >a:after, .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .more-option.nbs-flexisel-item .material-icons:before,.headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul > .more-option.nbs-flexisel-item .material-icons:after {
    content: '' !important;
    visibility: hidden;
    display: none;
}

/*Added by Bala - Changes forDownload link  Starts */
/* addewd by Bala -  for more link icon starts*/
.more-link {
    color: #696969 !important;
    padding-right: 0;
}

/* addewd by Bala -  for more link icon end*/
.center {
    justify-content: center;
}

.brdr_bttm .querytextboxmedium_small input::placeholder {
    color: #909295 !important;
}

.brdr_bttm input {
    border-bottom-color: rgb(157, 159, 162);
}

.brdr_bttm input[type=text]:focus:not([readonly]) , .width50percent_login .loginPanelColumnDetailStyle .containerStyle input:focus {
    border-bottom: 1px solid #696969 !important;
    box-shadow: 0 1px 0 0 #696969 !important;
    -webkit-box-shadow: 0 1px 0 0 #696969 !important;
}

.for_placeholder span {
    position: relative;
    width: 100% !important;
}

.for_placeholder input {
    padding-left: 35px !important;
    width: 100% ;
    box-sizing: border-box;
}

.for_placeholder .querytextboxmedium_small:before {
    content: "AED";
    display: inline-flex;
    font-family: 'open_sanssemibold', sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase;
    position: absolute;
    top: 9px;
    left: 0;
    font-weight: 400;
}

/*added by Bala - for icon within buttons - Starts*/
.primary-btn i,.secondary-btn-arrow i,.search-btn i {
    transform: translateY(-50%);
    position: absolute;
    font-size: 24px;
    right: 6px;
    top: 50%;
    pointer-events: none;
}

.primary-btn, .secondary-btn-arrow,.search-btn {
    min-width: 264px;
    max-width: 264px;
    text-align: left;
    padding: 12px 24px 12px 12px;
    line-height: 24px;
    text-transform: unset;
    height: auto;
    font-family: "open_sansregular", arial, sans-serif !important;
}
.reset-btn{
	padding: 12px;
    line-height: 24px;
    height: auto; 
	min-width: 98px; 	
}
.reset-btn input{
	padding: 0 !important;
}
/*added by Bala - for icon within buttons - Ends*/
/*added by Payal for hover change -Starts*/
.for-date-fill:hover span, .for-date-fill.active span, .for-date-fill:focus span {
    font-family: 'open_sanssemibold', sans-serif;
}

/*added by Payal for hover change -Ends*/
/*added by Bala for third level menu -Starts*/
.swiper-top-container ul.swiper-wrapper {
    width: 100%;
    white-space: nowrap;
}

.swiper-top-container ul.swiper-wrapper li:first-child {    padding-left: 0px !important;}

.swiper-top-container ul.swiper-wrapper li {
    padding-top: 3px;
    padding-right: 49px;
    padding-bottom: 0px;
    padding-left: 0;
    width: auto;
}

/*added by Bala for third level menu -Ends*/
/*added by Bala for title menu -starts*/
.mt50 {
    margin-top: 50px;
}

/*added by Bala for title menu -Ends*/
/*added by Payal for bill payments -Starts*/
.marginBottomZero {
    margin-bottom: 0px !important;
}

.biller .querytextboxmedium_small {
    height: auto;
    width: calc(100% - 5px);
    padding-right: 0;
    margin-left: 0;
}

/*added by Payal for bill payments -End*/
/*added by bala for fav - starts*/
.btn.primary:focus {
    background-color: #008cbf;
}

. btn.primary:hover {
    background-color: #00a3e0;
}

.add-to-fav>span, .added-to-fav>span,span#btn-Container {
    display: block;
}

.add-to-fav, .added-to-fav {
    padding: 0;
    border-radius: 2px;
}

.remove-fav-btn,.remove-fav-btn:hover {
    color: #fff;
    background-color: rgb(0, 118, 173);
}

.remove-fav-btn,.add-fav-btn {
    padding: 9px 10px 12px 40px;
    height: auto;
    width: 100%;
    text-transform: none;
}

.add-fav-star,.remove-fav-star {
    position: absolute;
    left: 10px;
    font-size: 18px;
    top: 12px;
}

.add-fav-title,.remove-fav-title,.remove-fav-text,.add-to-fav-text {
    display: block;
    text-align: left;
    line-height: 24px;
    font-family: "open_sansregular", arial, sans-serif !important;
}

.add-fav-title,.remove-fav-title {
    font-size: 14px;
}

.add-fav-btn,.add-fav-btn:hover {
    color: #2f6b8d;
}

.add-to-fav-text {
    color: #999999;
    font-size: 13px;
}

.centerHeaderSubsecWidget .stage3_menuIdTextlink li:hover a,.centerHeaderSubsecWidget .stage3_menuIdTextlink li a {
    color: #fff !important;
}

/*added by bala for fav - ends*/
/*added by soumen for UI issues with currency calculator widget and personalize dashboard-Starts*/
.exchange-rate-span span span {
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
}

.for_cur_cal span {
    margin-bottom: 5px;
}

.exchange-rate-span {
    margin-top: 7px;
}

.widget .widget-body .currency-calculator-section.exchange-rate-content {
    margin-bottom: 0.7144em !important;
}

.personalizeDashLink:hover {
    color: #0096ff !important;
}

/*added by soumen for UI issues with currency calculator widget and personalize dashboard-Ends*/
/*added by soumen for outward cheque table issues-Starts*/
.outward_cheque table tbody td:nth-child(1) {
    padding-left: 10px;
}

.outward_cheque table tbody td:nth-child(2) {
    padding-left: 8px;
}

.outward_cheque table tbody td:nth-child(3) {
    padding-right: 25px;
}

.outward_cheque table thead th:nth-child(4) {
    text-align: right !important;
}

.outward_cheque table tbody td:nth-child(4) {
    padding-right: 30px;
}

.outward_cheque table tbody td:nth-child(4) span{
    float: right;
}

.outward_cheque table tbody td:nth-child(5) {
    padding-left: 10px;
}

/*added by soumen for outward cheque table issues-Ends*/
/* added by bala for credit card summary starts*/
.cc-det .cnumndet .cnum,.cc-det .cnumndet .cname {   
	position: absolute;
    color: #ffffff;
    font-family: 'roboto_monomedium', Arial, Helvetica, sans-serif !important;
    text-align: left;
  }
.cc-det .cnumndet .cnum{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    bottom: 43px;
    left: 26px;
    }
     .cc-det .cnumndet .cnum span{
    display:inline-block;
    margin-right: 10px;
    }
    .cc-det .cnumndet .cname {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 12px;
    bottom: 20px;
    left: 26px;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
   }
   
.credit_card_table .listrowwrapper .listgreyrow:first-child, .credit_card_table .listrowwrapper .listwhiterow:first-child {
    border-top: none !important;
}

.credit_card_table .listrowwrapper {
    border-bottom: none !important;
}

.credit_card_table .listingcol .left.gradientbgtwolinetxt {
    display: none;
}

.card-info {
    position: relative;
    padding: 31px 0 70px;
}

.card-info:after {
    content: '';
    width: 9999px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    background: #fbfbfb;
    z-index: -1;
}

.card-info-item {
    padding: 18px 21px;
    margin: 0 0 30px;
    background: #fff;
    box-shadow: 0px 2px 5px 0px #e0e0e0;
}

.card-info-item:last-child {
    margin-bottom: 0;
}

.card-info-item-inner {
    display: flex;
    flex: auto;
    margin: 0 -10px;
}

.card-info-item-inner > div {
    padding: 0 10px;
}

.card-info-item-img {
    width: 34.3%;
}

.card-info-item-img img {
    display: block;
    width: 100%;
    height: auto;
}

.card-info-item_primary .card-info-item-summary {
    align-items: flex-start;
}

.card-info-item_primary .card-info-item-info-description {
    align-items: flex-start;
}

.card-info-item_primary .card-info-item-info-progress {
    align-items: flex-start;
}

.card-info-item-summary {
    display: flex;
    width: 100%;
    flex: auto;
    flex-wrap: wrap;
}

.card-info-item-summary-inner {
    width: 100%;
    display: flex;
    padding-right: 30px;
    position: relative;
    margin: 0 -10px;
}

.card-info-item-summary-inner .dropdown-button {
    width: auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
    color: #a1a3a6 !important;
    padding-right: 0;
}
.card-info-item-summary-inner .menuChoices{
	min-width: 155px;
    width: auto;
    max-width: 100%;
}
.card-info-item-summary h2 {
    margin: 0;
    font-size: 16px !important;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    border-bottom: none;
}

.card-info-item-info-description {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 0 10px;
}

.card-info-item-info-description h2 {
    color: #898c8f;
}

.card-info-item-info-description > * {
    width: 100%;
}

.card-info-item-info-progress {
    display: flex;
    width: 54%;
    align-items: center;
    padding: 0 10px;
}

.card-info-item-info-progress > * {
    width: 100%;
}
.card-info-item-info-description .menuChoices.menuChoices_0 ul li{
	width: 180px;
}
@media screen and (max-width: 992px) {
	.cc-det .cnumndet .cname, .cc-det .cnumndet .cnum{   
    left: 140px;
    }
    .card-info-item-inner {
        flex-wrap: wrap;
    }

    .card-info-item-img {
        width: 100%;
        text-align: center;
        margin: 0 0 30px;
    }

    .card-info-item-img img {
        max-width: 400px;
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width: 767px) {
	.cc-det .cnumndet .cname, .cc-det .cnumndet .cnum{   
    left: 26px;
    }
   
    .card-info {
        padding: 31px 0 49px;
    }

    .card-info-item {
        padding: 19px 20px 30px;
        margin: 0 0 26px;
    }

    .card-info-item-img {
        width: 100%;
        margin: 0 0 20px;
        padding: 0 10px !important;
    }

    .card-info-item-img img {
        max-width: none;
    }

    .card-info-item-inner > div {
        padding: 0;
    }

    .card-info-item-summary {
        display: block;
    }

    .card-info-item-summary h2 {
        margin: 0 0 20px;
    }

    .card-info-item-summary-inner {
        display: block;
        padding-right: 0;
        margin: 0;
    }

    .card-info-item-summary .dropdown-button {
        right: 4px;
    }

    .card-info-item-info {
        width: 100%;
    }

    .card-info-item-info-description {
        position: relative;
        padding: 0 20px 0 0;
        margin: 0 0 27px;
    }

    .card-info-item-info-description h2, .m0 {
        margin: 0;
    }

    .card-info-item-info-description .data-list span {
        width: 53%;
    }

    .card-info-item-info-description .data-list strong {
        width: 47%;
    }

    .card-info-item-info-progress {
        width: 100%;
        padding: 0;
    }
}

.progress-info-data {
    display: flex;
    margin: 0 0 10px;
}

.progress-info-data li {
    width: 33.33%;
}

.progress-info-data li span {
    font-size: 12px;
}

.progress-info-data li * {
    display: block;
}

.progress-info-data li:nth-child(2) {
    text-align: center;
}

.progress-info-data li:last-child {
    text-align: right;
}

.progress-info-scale {
    position: relative;
    background: #f5f5f5;
    height: 5px;
}

.progress-info-scale div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #0daae5;
    max-width: 100%;
}

@media (max-width: 767px) {
    .progress-info-data li strong {
        font-size: .9em;
    }
}

.data-list li * {
    width: 50%;
    padding: 0 5px;
}

.data-list li span {
    font-size: 13px;
    float: left;
    display: block;
}

.data-list li{
	padding-bottom:0 !important;
}

.progress-info-data li strong, .data-list li strong {
    font-size: 14px;
}

.card-info-item-summary-inner .dropdown-button:after {
    content: '';
}

.menuChoices.menuChoices_0 ul li a {
    width: 100% ;
}

.card-info-item-info-description .hasPulldownMenu {
    margin-top: 0 !important;
        right: auto;
}

.card-info-item-info-description .hasPulldownMenu .menuChoices.menuChoices_0 ul li {
    max-width: 180px;
}

/* added by bala for credit card summary ends*/
.cc-det .cnumndet, .custompfm .labelColumn_combo_brdr_extrasmall {
    position: relative;
}

/*dashboard UI - bala starts*/
.promoSectionStyle span {
    display: block;
    text-align: center;
    /*   line-height: 24px; */
}

.promo-mat-style {
    font-size: 60px;
    color: #E3E3E3;
}

.promoSectionStyle, .makeCen {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    text-align: center;
}

.promo-text-row {
    line-height: 24px;
    margin-top: 12px;
}

.spinner-layer {
    border-color: #00aeef;
}

.make-a-transfer-link {
    text-align: center;
    margin-top: 27px;
}

/*dashboard UI - bala ends*/
.marginLeft30 {
    margin-left: 30px;
}

.width100,.importLoansSearchdiv .labelColumn,.importLoansSearchdiv.stage3_listingpaneldiv {
    width: 100% !important;
}

/* issuance changes - bala starts*/
.pl0 {
    padding-left: 0 !important;
}

.mih58 {
    min-height: 58px;
}

.mt44 {
    margin-top: 44px !important;
}

.dd-container .stage3_inputpanel_paydetailsrow .tol-con .labelColumn_combo_small {
    width: calc(100% - 36px);
}

.querytextright_stage3 .inputtextarea-span, .charges-con .querytextright_stage3,.charges-con .querytextright_stage3 .labelColumn_combo_small .labelColumn_combo_brdr_small,.charges-con .labelColumn_combo_small, .importLoansSearchdiv .labelColumn_combo_small,.importLoansSearchdiv .labelColumn_combo_brdr_small, .col .querytextboxmedium_small input, .dd-container .tol-con .labelColumn_combo_brdr_small,.importLoansSearchdiv label,.importLoansSearchdiv .stage3_searchpanellabel,.appr-toggle-container {
    width: 100%;
}

.stage3_leftrightmainpanel_Ebux3 .simpletext,.lh24 {
    line-height: 24px;
}

.charges-con .querytextright_stage3 .labelColumn_combo_small,.addtn-con .querytextright_stage3, .charges-con .labelColumn_combo_brdr_small,.amount-col .querytextboxmedium_small, .width50ddS {
    width: 50% !important;
}

.charges-con .querytextright_stage3 .labelColumn_combo_brdr_small,.charges-con .labelColumn_combo_brdr_small {
    padding-right: 0;
}

.doc-req .span-checkbox {
    float: left;
    margin-top: -7px;
}

.doc-req .labelColumn_text_brdr_toosmall, .doc-req .labelColumn_text_brdr_toosmall input,.doc-req .labelColumn input {
    height: auto !important;
}

.doc-req .labelColumn {
    width: auto !important;
    padding: 0 5px;
}

/* issuance changes - bala ends*/
/*changes for loan reports - bala starts */
.pos-rel-float, .personalHome .width100percent {
    position: relative;
    display: block;
    float: left;
}

.importLoansSearchdiv .width125, .importLoansSearchdiv .width25,.importLoansSearchdiv .width50 {
    position: relative;
    display: block;
    min-height: 72px;
    padding-left: 0;
}

.importLoansSearchdiv .width125 {
    width: 12.5%;
}

.importLoansSearchdiv .width25,.width_25 {
	    width: 25%;
	    height:80px;
}

.contains_inline_error .col.width25.ERROR_ROW_BG{height:auto !important;}
.contains_inline_error .col.width25.ERROR_ROW_BG .ERROR_ROW_SPAN{width:100%;padding-right:0;display:inline-block;}
.mt40{margin-top:40px;}
.importLoansSearchdiv .width5 {
    width: 5%;
}
.importLoansSearchdiv .width20 {
    width: 20%;
}
.importLoansSearchdiv .width50,.w50{
	width: 50%;
}

.importLoansSearchdiv label,.importLoansSearchdiv .stage3_searchpanellabel {
    display: block;
    font-size: 11px !important;
}
.importLoansSearchdiv .labelColumn{
	padding: 0;
}
.dateCol>span {
    display: inline-block;
    width: 50%;
}

.dateCol .input-field {
    display: inline-block;
}

.dateCol .input-field input.all-datepicker, .dateCol .input-field input.future-datepicker, .dateCol .input-field input.past-datepicker {
    width: calc(100% - 10px);
    margin-right: 10px;
    margin-top: 0;
}

.dateCol .input-field .picker-icon {
    top: 0;
}

.dateCol .input-field input.past-datepicker, .dateCol .input-field input.future-datepicker, .dateCol .input-field input.all-datepicker,.importLoansSearchdiv .stage3_searchpanellabel,.importLoansSearchdiv .querytextboxmedium_small {
    margin-left: 0;
    padding-bottom:0;
}

.importLoansSearchdiv .for_placeholder span:before {
    top: 10px;
}

.col .querytextboxmedium_small input,.col .labelColumn input,.col .labelColumn_combo_brdr_small input {
    margin-top: 0;
        padding-left: 0;
}

.importLoansSearchdiv .cur-title {
    text-align: left !important;
}

.importLoansSearchdiv .cur-out-title,.pr20 {
    padding-right: 20px;
}

/*changes for loan reports - bala ends*/
/* changes for approval - bala starts*/
.approval table, .approval table tbody,
	.approval table tbody tr, .approval table tbody tr td,
	.approval table tfoot, .approval table tfoot tr,
	.approval table tfoot tr td, .approval table .footable-pagination-wrapper
	{
	display: block;
	position: relative;
	float: left;
	height: auto !important;
}

.approval table tfoot tr td {
	padding-top: 0;
	padding-bottom: 0;
}

.approval table tbody {
	max-height: none !important;
}

.approval [type="checkbox"] + label {
	top: -1px;
	height: 16px;
	padding-left: 24px;
}

.approval .footable-detail-row>td {
	padding: 0;
}

.approval .footable-detail-row .footable-details .listrowwrapper,
	.approval .footable-detail-row .footable-details .listrowwrapper>*,
	.approval.approval-2 .footable-detail-row .footable-details .listrowwrapper td.listgreyrowtxtleftline
	{
	display: block;
	width: 50%;
	float: left;
}

.approval tbody.listrowwrapper td.listgreyrowtxtleftline, .approval .amtRightAlign
	{
	text-align: left !important;
	float: left !important;
}

.approval .bfTable.footable>tbody>tr>.approval-main-tr-padding,
	.approval .footable-detail-row .footable-details .listrowwrapper>* {
	padding: 10px 10px !important;
}

.approval.approval-2 .footable-detail-row .footable-details .listrowwrapper>*
	{
	padding-left: 25px !important;
}

.approval .bfTable .listgreyrowtxtleftline {
	padding: 13px 16px;
}

.footablev3.approval table>tbody>tr>td>span.footable-toggle.last-column
	{
	font-size: 20px;
	margin-top: 5px;
}

.approval .footable-details.bfTable {
	padding: 0 64px;
}

.approval .footable-details.bfTable, .approval .footable-details.bfTable tbody
	{
	display: block;
}

.approval-2.approval .footable-details.bfTable {
	padding: 0;
}

.approval .bfTable.footable>tbody>tr>.approval-main-tr-padding {
	width: calc(25% - 32px); /* half of checkbox width - 32px */
	min-height: 46px;
}

.approval .bfTable.footable>tbody>tr>td.footable-first-visible {
	float:left;
	width: 64px;
	padding-left: 24px !important;
}

.approval .bfTable.footable>tbody>tr>.footable-last-visible {
	width: calc(25% + 32px);/* half of checkbox width - 32px */	
}

.approval-2.approval .bfTable.footable>tbody>tr>.approval-main-tr-padding
	{
	width: 25%;
	padding-left: 25px !important;
}

.approval .footable-detail-row .footable-details .listrowwrapper th,
	.approval .footable-detail-row .footable-details .listrowwrapper th a {
	line-height: 1.1;
	color: #696969 !important;
	font-family: "open_sansregular", arial, sans-serif !important;
	font-size: 14px !important;
}

.approval .footable-detail-row .footable-details .listrowwrapper td,
	.approval .footable-detail-row .footable-details .listrowwrapper td * {
	line-height: 1.1;
	font-weight: 700 !important;
}

.approval .bfTable table td {
	padding: 11px 20px;
}

.approval table {
	border-top: 2px solid #ececec;
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	border-bottom: none;
}

.approval .footable-details {
	padding-bottom: 22px !important;
}

.approval tbody[data-expanded="true"] .footable-detail-row .footable-details.bfTable,
	.bb2, .approval .tableoverflowwrapperhw table tfoot tr {
	border-bottom: 2px solid #ececec;
}

.approval tbody[data-expanded="true"],.approval tbody[data-expanded="true"] .footable-details
{
	background: #fbfbfb;
}
.approval tbody[data-expanded="true"] [type="checkbox"].filled-in:not(:checked) + label:after
{
	background: #fbfbfb;
}


.approval tbody[data-expanded="true"] .bb2 {
	border: none;
}

.appr-toggle-link-style, .appr-toggle-link-style:hover {
	font-size: 13px;
	margin-left: 10px;
	text-decoration: none;
}

.appr-toggle-container {
	margin: 31px 0 10px;
	display: block;
	position: relative;
}


.approval [type="checkbox"].filled-in:checked + label:after,
.approval [type="checkbox"].filled-in:not(:checked) + label:after {
	height: 24px !important;
	width: 24px !important;
	margin-top: -8px !important;
	border: 1px solid #00aeef !important;
}

.approval [type="checkbox"].filled-in:checked + label:before,
.appr-container [type="checkbox"].filled-in:checked + span:before {
	width: 8px !important;
	height: 15px !important;
	margin-top: -5px !important;
	top: 0;
	left: 3px;
}

.appr-container [type="checkbox"].filled-in:checked + span:before {
	top: 2px;
}

.appr-toggle-container>*>* {
	vertical-align: top;
	margin-top: 10px;
	display: inline-block;
	font-family: "open_sansregular", arial, sans-serif !important;
}
 
.appr-container [type="checkbox"].filled-in:checked + span:after,
.appr-container [type="checkbox"].filled-in:not(:checked) + span:after
	{
	height: 24px !important;
	width: 24px !important;
	margin-top: -8px !important;
	border: 1px solid #00aeef !important;
}

.mb25 {
	margin-bottom: 25px;
}

.sepratorGlo {
	background: #E3E3E3;
	height: 1px;
	margin: 48px 0;
	float: left;
}

.appr-title h3 {
	margin-top: 0;
	margin-bottom: 0;
}
.appr-toggle-container [type="checkbox"] + span {
	height: 18px;
}
.approval .remarks-pt .querytextboxmedium_small{
	margin-left: 0;
}
.approval .footable-detail-row .footable-details .listrowwrapper th{
	font-weight: 400 !important;
}
.approval .footable-detail-row .footable-details .tableheader_nosort{
	padding-top: 13px;
    float: left;
}
/* changes for approval - bala ends*/

.drop_lbd_in .labelColumn_combo_small {
    width: 42.5%;
    margin-top: 20px;
}

.drop_portfolio .querytextright_stage3 .labelColumn_combo_small .labelColumn_combo_brdr_small, .drop_lbd_in .labelColumn_combo_brdr_small {
    width: 100%;
    padding-right:0px !important;
}

.mb10, .op_title_bar {
    margin-bottom: 10px;
}

.col.width25 label {
    font-size: 0.8rem !important;
    font-family: "open_sansregular", arial, sans-serif !important;
    color: #696969;
}

/* /*Added for Calendar- Starts*/ *//*reverted as calender script is not added*/
/* .picker__select--month, .picker__select--year { */
/*     -webkit-appearance: none; */
/*     -moz-appearance: none; */
/*     height: 2.9em; */
/*     padding: 0; */
/*     margin-left: .25em; */
/*     margin-right: .25em; */
/*     font-family: 'open_sansregular', sans-serif; */
/*     color: #58595B; */
/*     border: none; */
/*     border-bottom: 1px solid #9D9FA2; */
/*     font-size: 14px; */
/*     background: url('../images/ico/ico-arrow_dwn.svg')no-repeat 100% center; */
/*     outline: none !important; */
/* } */

/* .picker__nav--prev, .picker__nav--next { */
/*     position: absolute; */
/*     padding: .5em 1.25em; */
/*     width: 1em; */
/*     height: 1em; */
/*     box-sizing: content-box; */
/*     top: 0.4em; */
/* } */

/* .picker__day--infocus:hover { */
/*     cursor: pointer; */
/*     color: #000; */
/*     font-weight: 500; */
/* } */

/* .picker__day--outfocus { */
/*     display: none; */
/*     padding: .75rem 0; */
/*     color: #fff; */
/* } */

/* .picker__day--outfocus:hover { */
/*     cursor: pointer; */
/*     color: #dddddd; */
/*     font-weight: 500; */
/* } */

/* .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { */
/*     color: #dddddd; */
/*     cursor: default; */
/* } */

/* .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { */
/*     background: #bbbbbb; */
/* } */

/* .picker__footer { */
/*     text-align: right; */
/*     margin: 0 -1rem 8px; */
/*     .btn-flat { */
/*         font-size: 14px; */
/*         border: none; */
/*         color: #0DAAE5; */
/*         &.picker__clear { */
/*             color: #FF6E6E; */
/*         } */
/*     } */
/* } */

/* .picker__date-display { */
/*     text-align: left; */
/*     color: #fff; */
/*     padding: 24px; */
/*     font-weight: 300; */
/* } */

/* @media only screen and (min-width: 601px) { */
/*     .picker__date-display { */
/*         flex:1; */
/*         max-width: 167px; */
/*     } */

/*     .picker__weekday-display { */
/*         display: block; */
/*     } */

/*     .picker__container__wrapper { */
/*         flex: 2 */
/*     } */
/* } */

/* .picker__year-display { */
/*     font-size: 21px; */
/*     font-weight: 500; */
/*     color: #fff; */
/* } */

/* .picker__calendar-container { */
/*     padding: 0 16px; */
/*     thead { */
/*         border: none; */
/*     } */
/* } */

/* .picker__day--infocus { */
/*     color: #696969; */
/*     letter-spacing: -.3px; */
/*     padding: 0.75rem 0; */
/*     font-weight: 400; */
/*     font-size: 14px; */
/*     border: 1px solid transparent; */
/* } */

/* @media only screen and (min-width: 601px) { */
/*     .picker__day--infocus { */
/*         padding: 1.1rem 0; */
/*     } */
/* } */

/* .picker__weekday { */
/*     font-size: .9rem; */
/* } */

/* .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { */
/*     border-radius: 50%; */
/*     transform: scale(.9); */
/*     ; background-color: transparent; */
/*     color: #00aeef; */
/* } */

/* .picker__footer { */
/*     text-align: right; */
/*     padding: 5px 24px; */
/* } */

/* .picker__close, .picker__today, .picker__clear { */
/*     font-size: 1.1rem; */
/*     padding: 0 1rem; */
/* } */

/* .picker__clear { */
/*     color: #f44336; */
/*     float: left; */
/* } */

/* .picker__nav--prev:before, .picker__nav--next:before { */
/*     content: ""; */
/*     width: 27px; */
/*     height: 23px; */
/*     position: absolute; */
/*     top: 50%; */
/*     left: 50%; */
/*     transform: translate(-50%, -50%); */
/*     margin: 0 auto; */
/*     background: url('../images/ico-arrow.svg')no-repeat center; */
/*     background-size: cover; */
/* } */

/* .picker__nav--next:before { */
/*     transform: translate(-50%, -50%)rotate(180deg); */
/* } */

/* @media (min-height: 28.875em) { */
/*     .picker__frame { */
/*         overflow: visible; */
/*         top: auto; */
/*         bottom: -100%; */
/*         max-height: 80%; */
/*     } */
/* } */

/* @media (min-height: 40.125em) { */
/*     .picker__frame { */
/*         margin-bottom: 7.5%; */
/*     } */
/* } */

/* @media (min-height: 28.875em) { */
/*     .picker__wrap { */
/*         display: block; */
/*     } */
/* } */

/* @media (min-height: 28.875em) { */
/*     .picker__box { */
/*         display: block; */
/*         border: 1px solid #777777; */
/*         border-top-color: #898989; */
/*         border-bottom-width: 0; */
/*         -webkit-border-radius: 5px 5px 0 0; */
/*         -moz-border-radius: 5px 5px 0 0; */
/*         border-radius: 5px 5px 0 0; */
/*         -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); */
/*         -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); */
/*         box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); */
/*     } */
/* } */

/* @media (min-height: 35.875em) { */
/*     .picker--opened .picker__frame { */
/*         top: 10%; */
/*         bottom: auto; */
/*     } */
/* } */

/* .picker__input.picker__input--active { */
/*     border-color: color("blue", "lighten-5"); */
/* } */

/* .picker__frame { */
/*     margin: 0 auto; */
/*     max-width: 325px; */
/* } */

/* @media (min-height: 38.875em) { */
/*     .picker--opened .picker__frame { */
/*         top: 10%; */
/*         bottom: auto; */
/*     } */
/* } */

/* @media only screen and (min-width: 601px) { */
/*     .picker__box { */
/*         display:flex; */
/*     } */

/*     .picker__frame { */
/*         width: 80%; */
/*         max-width: 528px; */
/*     } */
/* } */

/* .picker__footer .btn-flat { */
/*     text-transform: none !important; */
/*     font-size: 14px !important; */
/*     font-family: open_sansregular, arial, sans-serif !important; */
/* } */

/* .picker__calendar-container_wrap { */
/*     max-width: 359px; */
/* } */

/* .picker__footer .btn-flat.picker__today { */
/*     margin-left: 160px */
/* } */

/* /*Added for calendar-Ends*/ */
.lbd_table table thead tr th:nth-child(2) {
    text-align: left !important;
}

.lbd_table table thead tr th:nth-child(3) {
    text-align: right !important;
}

.lbd_table table tbody tr td:nth-child(3) {
    padding-right: 25px;
}

.lbd_table table tbody tr td:nth-child(3) span {
    float: right;
}

.mr_acc_sum table tbody td, .beneficiary-table table > tbody > tr > td {
    color: #696969;
}

.mr_acc_sum table thead th {
    color: #58595b !important;
    font-weight: 700 !important;
}

.lbd_table .tableoverflowwrapperhw {
	width:  calc(100vw - 80px) !important; /* updated to have reponsive design */
	 float:  none;
	 margin-left:  calc(585px + 30px - 50vw); /* calculation updated to have padding on both sides of table */
}

tfoot .footable-paging td {
    padding: 0;
}


.mr_acc_sum table tbody tr td:nth-child(1) {
    padding-left: 0px !important;
}

.mr_acc_sum table thead tr th:nth-child(4) {
    text-align: unset !important;
}

.mr_acc_sum table thead tr th:nth-child(5) {
    text-align: right !important;
}

.mr_acc_sum table tbody tr td:nth-child(5) {
    padding-right: 30px !important;
}

/*ADDED BY RAGHAV FOR DDS */
.simpletext.error {
    color: red;
}

/*ADDED BY RAGHAV FOR DDS */
.loginrow {
    width: 96%;
}

.login_button_small {
    width: 83%;
}

.brand-logo {
    background-image: url('../images/nbf_gray.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 61px;
    height: 46px;
    margin: 0 auto 25px;
    display: block;
    color: transparent;
}

a.gobackArr {
    position: absolute;
    top: 14px;
    left: 0;
    height: -webkit-calc(0.8572em * 4);
    width: -webkit-calc(0.8572em * 4);
}

a.gobackArr i {
    transform: translateY(-50%);
    position: absolute;
    margin-left: 37px;
    right: 15px;
    font-size: 2.5rem;
    top: 30%;
}

.ml15 {
    margin-left: 15px;
}
.dd-container .stage3_inputpanel_paydetailsrow .type_FEBADate {
    width: 100%;
}

.is_f_l .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column {
    width: 100%;
}

/*.apprdetailtag + .ERROR_ROW_HIGHLIGHT {
	margin-left: 22.8%;
	width:75% !important;
    padding-left: 10px;
    margin-top:  -8px;
}*/
@media screen and (max-width: 600px) {
/*	.apprdetailtag + .ERROR_ROW_HIGHLIGHT {
	 margin-left: 50%; 
	width:50% !important;
    
} */
    .querytextleft_withleftBorder_Auth .querytextleft, .section_grayborder .formrow .querytextleft, .querytextleft_withleftBorder_Auth .formrow .querytextright {
        width:50%;
    } 
    .querytextleft_withleftBorder_Auth .formrow .querytextright .labelColumn_nextgen_tran, .querytextleft_withleftBorder_Auth .formrow .querytextright .labelColumn_nextgen_tran .greybgtxtbox_nextgen{width:100% !important; max-width:none !important;}
    .for_type_align_btw_acc .querytextright_stage3 .searchsimpletext {
        width: calc(50% - 36px);
    }

    .is_f_l, .dd-container .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column, .lbl_portfolio,.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 {
        width: 100% !important;
    }

    .dd-container .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column {
        margin-bottom: 12px;
        margin-top: 14px;
    }

    .is_f_l.first:after, .is_f_l.first:before  {
        z-index: -1;
    }

    .is_f_l.first:after, .is_f_l.first:before {
        width: 50%;
        right: auto;
        border-width: 0 0 1px 0;
        -webkit-transform: skew(0deg, 8deg);
        -ms-transform: skew(0deg, 8deg);
        transform: skew(0deg, 8deg);
        bottom: 2px;
        top: auto;
        left: 0;
    }

    .is_f_l.first:before {
        bottom: 0;
        border-width: 0 0 1px 0;
        -webkit-transform: skew(0deg, -8deg);
        -ms-transform: skew(0deg, -8deg);
        transform: skew(0deg, -8deg);
        right: 0.5px;
        left: auto;
        width: 49.6%;
    }

    .is_f_l.second:before {
        border-top: 0;
        left: 0;
    }

    .is_f_l.second {
        margin-top: 0;
        border-top: 0;
        border-left: 1px solid #e3e3e3;
    }

    .is_f_l.first {
        border-right: 1px solid #e3e3e3;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .is_a_box {
        width: 100% !important;
    }

    .querytextright_stage3.is_a_box .labelColumn_combo_toosmall {
        width: 22% !important;
    }

    .for_amt_align_btw_acc .querytextright_stage3 .labelColumn_text_brdr_toosmall {
        width: 75% !important;
    }

    .for_amt_align_btw_acc .querytextright_stage3 .labelColumn_text_brdr_toosmall input {
        padding-left: 15px;
    }

    .for_amt_align_btw_acc .querytextright_stage3 span:nth-child(3) i {
        margin-top: 10px;
        left: -125px;
    }
}

.file-path, .fileBrowseComponent,.mailcontainer .w50 .labelColumn_combo {
	width: 100%;
}

.fileBrowseButton {
	width: 25% !important;
	margin-top: 7px;
	margin-bottom: 0;
	height: 36px
}

.file-path-wrapper {
	width: 70% !important;
	display: block;
	float: left;
}

/* changes for payment dashboard starts - bala */
.pay-db-list {
  width: 100%;
  padding: 0 11px;
}

.pay-db-list * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pay-db-list .Showtotal {
  position: relative;
  text-align: left;
  margin-bottom: 1.4em;
  font-family: 'helveticaneuemedium', sans-serif;
}

.pay-db-list .Showtotal .totalCount {
  position: absolute;
  color: #58595B;
  width: 40px;
  height: 100%;
}

.pay-db-list .Showtotal .totalCount-t {
	    font-family: 'helveticaneuemedium', sans-serif !important;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.15em;
}

.pay-db-list .Showtotal .hea {
  width: -webkit-calc(100% - 47px);
  width: calc(100% - 47px);
  margin-left: 47px;
      font-family: 'helveticaneuemedium', sans-serif !important;
}
.diffBg {
    background: #FBFBFB;
    padding-top: 1.7144em;
    padding-bottom: 0.8572em;
    margin-top: -1.7144em;
}
@media screen and (max-width: 767px) {
	.section_grayborder .formrow .querytextleft label{
	padding-left:0 !important;
} 
.for_button_order .for_custom_btn{margin-bottom: 10px;}
.identifer_radio .querytextright_stage3 .searchsimpletext{
	padding-top:8px;
	padding-right:5px;
}
		.summary-btn-row span.d-inline{width: inherit;}
	.summary-btn-row span.d-inline a{    
			width: 100%;
   			margin: 20px 0 !important;
	}
  .pay-db-list {
    padding: 0 9px;
  }
}

ul.li-pay {
  margin-top: 0;
  -webkit-box-shadow: 0px 3px 4px 0px #e5e5e5;
          box-shadow: 0px 3px 4px 0px #e5e5e5;
          margin-bottom: 14px;
}

ul.li-pay:after {
  content: "";
  display: table;
  clear: both;
}

ul.li-pay li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 62px;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  margin-bottom: -1px;
  font-size: .86em;
  padding: 0.6em 0.8572em 0.4em 0;
  text-align: left;
  position: relative;
}

ul.li-pay li:after {
  content: "";
  display: table;
  clear: both;
}

ul.li-pay li[data-value="0"] {
  display: none;
}

ul.li-pay li .wrapt {
  position: relative;
}

ul.li-pay li .wrapt .num {
  color: #00aeef;
  width: 40px;
 
  position: absolute;
  height: 100%;
  padding: 0 5px;
}

ul.li-pay li .wrapt .num-t {
	 font-family: 'open_sansbold', sans-serif !important;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

ul.li-pay li .wrapt .data {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-left: 40px;
  color: #58595B;
}

ul.li-pay li .wrapt a .data {
  color: #696969;
}

ul.li-pay li .wrapt a .data:hover {
  color: #00aeef;
}

@media screen and (max-width: 1200px) {
  ul.li-pay .wrapt .data-t {
    line-height: 1.1;
  }
}

.paymSli {
  margin: 0 -11px;
}

.paymSli .swiper-container .swiper-wrapper .swiper-slide {
  background: transparent;
  width: auto;
}

.paymSli .swiper-container .swiper-wrapper .swiper-slide:after {
  position: absolute;
  height: 240px;
  right: 0;
  content: '';
  width: 1px;
  top: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,ffffff+100 */
  background: #e3e3e3;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#ffffff));
  background: -o-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}

.paymSli .swiper-container .swiper-wrapper .swiper-slide:last-child:after {
  width: 0;
}
.vw100{
	width: 100vw !important;
    margin-left: calc(585px - 50vw - 10px) !important;
}


/* changes for payment dashboard ends - bala */


.blockquote{
	    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #00aeef;
    display: block;
    /* border: 1px solid #999; */
    page-break-inside: avoid;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    /* -webkit-margin-start: 40px; */
    -webkit-margin-end: 40px;
}


.stage3_searchpanelrow .labelColumn_combo_small {
    padding-right: 5px !important;
    margin-left: 0;
}

.summary-reset-btn{
	margin: 0 11px;
    min-width: 216px;
}

/*changes for find bank details modal pagination - bala - starts*/
.find-bank-modal .widgetFooterleft_new,.find-bank-modal .widgetFooterRight_new {
	width: 100%;
}
.find-bank-modal .widgetFooterRight_new{
    text-align: right;
}
.find-bank-modal .pagination-wrapper .goto-division > span, .find-bank-modal .pagination-wrapper .goto-division > span > span{
	margin-right: 15px;	
}
.find-bank-modal .pagination-wrapper .goto-division .goto-textfield, .find-bank-modal .pagination-wrapper .content .input-field input[type=text]{
    width: 90px;
}
.find-bank-modal .paginationPageNumberGOSpan i{
	height: 36px;
    padding: 0 15px;
}
.find-bank-modal .paginationPageNumberGOSpan i input{
	line-height: 36px;
}
.find-bank-modal .pagination-wrapper .content.info-division, 
.find-bank-modal .pagination-wrapper .goto-division > span, .find-bank-modal .pagination-wrapper .goto-division > span > span,
.find-bank-modal .pagination-wrapper .content > span{
	display:inline-block;	
}
.find-bank-modal .pagination-wrapper .content > span{	
	margin-right: 8px !important;
}
.find-bank-modal .pagination-wrapper .per-page-selector .labelColumn_combo_brdr, .pr0{
	padding-right: 0 !important;
}
.find-bank-modal .pagination-wrapper .per-page-selector .autocomplete-icon{
	    top: 12px;
}
/*changes for find bank details modal pagination - bala - ends*/
 /* changes for TFIN listing - bala - starts  */
.tfin-container ul.tLiSty li{
	padding-bottom: 0;
	border-bottom: 1px solid #e3e3e3;
}
.tfin-container ul.tLiSty li a{
	font-family: "open_sansregular", arial, sans-serif !important;
	font-size: 14px;
	color: #696969 !important;
}
.tfin-container ul.tLiSty li a:hover{
	color: #00aeef !important;
}
.tfin-container ul.tLiSty li a.title-split {
	padding: 12px 12px 12px 24px;
	float: left;
	min-height: 48px;
	width: calc(100% - 48px);
	float: left;
	}
.tfin-container	ul.tLiSty li .moreopt{
	width: 48px;
	line-height: 48px;
	float: right;
	padding-right: 0;
}
.tfin-container	ul.tLiSty li .moreopt i{
	line-height: 48px;
}
.tfin-container ul.tLiSty li a.title{
	padding: 12px 36px 12px 24px;	
	display: block;
}
.tfin-container ul.tLiSty li a.title i{
	position: absolute;
    color: #00aeef;
    top: 12px;
    left: auto;
    right: 11px;    
}

.tfin-container .dropdown-content.forwid li{
	border-bottom: none;
    min-height: 32px;    
}
.tfin-container .dropdown-content.forwid,.footablev3 .dropdown-content.forwid{
	left: auto !important;
    right: 0;
    width: auto !important;
}
/* changes for TFIN listing - bala - ends */
.footablev3 .HW_tableLeftAlign{
	text-align: left !important;
}

.footablev3 .amountRightAlign{
	padding-right: 30px !important;
}

.pr0-md-xs-15{
	padding-right: 0 !important;
}
.pb100{
	padding-bottom: 100px;
}
.forwid{
	float: left;
    overflow: auto;
}
.mb44{
	margin-bottom: 44px;
}
#ParentDiv_MailsHomeCorp_STATIC_MailListNew, .plr15{
	padding-left:15px;
	padding-right:15px;
}
.inbox_containt_new .labelColumn{
	width: calc(100% - 20px) !important;
	    margin-left: 10px;
}
.mails-folder-cancel {
	float: left;
	margin-right: 10px;
	margin-top: 13px !important;
	margin-bottom: 10px !important;
	padding: 0 0 0 !important;
}
#ParentDiv_MailsHomeCorp_STATIC_MailListNew{
	border:none;
	border-right: 1px solid #e3e3e3;
}
.movetorightalign .btn.waves-input-wrapper{
	margin-top: 10px;
	height: 36px;
}
.movetorightalign .btn.waves-input-wrapper .waves-button-input{
	line-height: 36px;
}

.btn-lh i input{
	padding-top: 12px;
	padding-bottom: 12px;
}
/* Media Query for mobile View */

/* Media Query only for tablet */
@media screen and (max-width: 1199px) { 
   .vw100{
	width: 100vw !important;
    margin-left: calc(485px - 50vw - 10px) !important;
}
  .container .col.s12 {
        width: 970px;
    }

    .for_radio_width label, .sr-search-container {
        width: 25% !important;
    }
}


@media screen and (max-width: 992px) { /* updated by bala to match the indivirtual design */
.dd-container, .dd-nav-btn-container, .section_grayborder {
        width: 100% !important;
        left: 0 !important;
    }
.sr-listing, .sr-search-container{
	width: 100% !important;
}
.btn.btn-islamic,.HW_logoffLink .btn.btn-primary {
    height: 48px;
    line-height: 48px;
}
    .importLoansSearchdiv .col.width25.dateCol span .input-field {
        width:99%;
    }
  
  .importLoansSearchdiv .width50, .importLoansSearchdiv .width25 {
        width: 100% !important;
    }
    .vw100{
	width: 100vw !important;
    margin-left: -10px !important;
}
 .container .col.s12 {
        width: 750px;
        float: none; 			/* added by bala to set this container in the center of the screen if the width of the parent of this container is more than 750px */
        margin-right: auto;		/* used in service request listing page*/ 
    }

    .for_radio_width label {
        width: 25% !important;
    }
   
    
}

.ui-dialog .stage3_previewconfirm_details_column, .ui-dialog .is_general_details .stage3_previewconfirm_details_column a,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column a,
.ui-dialog .stage3_previewconfirm_details_column, .ui-dialog .is_general_details .stage3_previewconfirm_details_column span,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column span{
    word-break:break-all !important;
}

@media screen and (max-width: 1024px) {
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front .ui-dialog-titlebar .ui-dialog-title{margin-left:0 !important;}
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front{height: auto;width: 100% !important;left: 0 !important;margin-left: 0 !important;overflow-x:hidden;}
}

@media screen and (max-width: 767px) {
	.footable-details.bfTable{background-color: rgb(251, 251, 251);}
	.footablev3 tr.footable-detail-row,.footablev3 .footable-details.bfTable tbody tr{display:table-row !important;}
	.footablev3 .footable-details.bfTable table tr:first-child{border-top:none;}
	.footablev3 .footable-details.bfTable table tr:last-child{border-bottom:none;}
	.footablev3 table.footable > tbody > tr.footable-detail-row > td {padding:0}
	.two_reset_btns_margin{margin-left:0px !important;margin-bottom:2px;}
	.pr30_0xs{padding-right:0px !important;}
	.for_lookup_btn
	{
	margin-left: 0 !important;
    bottom: 0 !important;
    top: 10px;
    }
	.dropdown-button.waves-effect.waves-blue.btn-flat.auto-width-dropdown.more {
        display: block !important;
    }
	.custom_btn_drop{margin-left:0px !important;margin-top:2px;}
	.for_button_width100{width:100%;}
	.for_button_order{display: flex !important;flex-direction: column-reverse;}
	.actions_hidden_responsive .hasPulldownMenu > a,.ra4 table tbody tr .hasPulldownMenu > a,.biller table tbody tr .hasPulldownMenu > a, .ra4_dp_acc_sum table tbody tr .hasPulldownMenu > a{/*display:none;*/}
	.width100percent_downloadIcons.downloadPanelBorder, .footable-pagination-wrapper ul.pagination{text-align:center !important;margin-top:24px;}
	 .col.for_btns{width:100%;}
    .col.for_btns .reset-btn, .col.for_btns.right.for_button_padding .search-btn{width:100%;text-align: left;margin:10px !important;} 
    .col.for_btns.right.for_button_padding .search-btn,.for_button_width100 .for_custom_btn .btn{max-width:none !important;}
	
	 .width25percent_mleft{
	display: none;
	}
 .width75percent_mleft{
 	width: 100%;
    max-width: none;
}
	.pr0-md-xs-15{
	padding-right: 15px !important;
}
	.drop_lbd_in .querytextright_stage3{
        width: 100% !important;
    }
    
    .for_drop_trans .labelColumn_combo_small, .rb12c2_op_trans_his .labelColumn_combo_download, .drop_lbd_in .labelColumn_combo_small, .drop_portfolio .querytextright_stage3 .labelColumn_combo,.drop_portfolio .querytextright_stage3 .labelColumn_combo_small,.drop_cheque_in .labelColumn_combo_small, .stage3_inputpanel_paydetailsrow.drop_lbd_in .querytextright_stage3 .querytextboxmedium_small {
    width: 73.5%
    }
     	
	.for_radio_width label {
        width: 100% !important;
    }
	.container .col.s12 {
        width: 100% !important;
    }
	 ul.li-pay li .wrapt .num-t {
    right: 10px;
    left: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  ul.li-pay li .wrapt .data {
    width: -webkit-calc(100% - 44px);
    width: calc(100% - 44px);
    margin-left: 44px;
  }
  .paymSli {
    margin: 0 -9px;
  }
  .vw100{
	width: 100% !important;
     margin-left: 0px !important;
}
 .width79percent_navigationpanel .right,.width79percent_navigationpanel .right p:nth-child(1) span:nth-child(1) span .reset-btn, .for_custom_btn span .btn{
        width:100%;
    }
    .for_custom_btn span .btn{margin-bottom:2px;}
    .right.for_custom_btn_back{width:100%;} 
    .for_custom_btn_back span .reset-btn { width:100%;text-align: left;padding-left: 0 !important;} 
	.for_custom_btn_back span .reset-btn input{left: -20px;}
	.for_back_no_left span .reset-btn input{left: 0px !important;}
    .width79percent_navigationpanel .right span i {
        margin-bottom: 2px;
    }   
}

@media screen and (max-width: 600px) {
	.heading_btw_acct{margin-left:0px;}
	.is_f_l.first .lookup_button,.is_f_l.second .stage3_inputpanel_column,.is_f_l.second .querytextright_stage3 {
    	margin-left: 0 !important;
  	 }
  	 
	.composemessagetxtarea{width:100% !important;}
	.for_radio_width .searchsimpletext {
        width: calc(50% - 36px);
    }
    .for_radio_width3 .searchsimpletext {
        width: calc(33% - 36px);
    }
	.is_general_details .stage3_previewconfirm_label_column{width:50% !important;margin-right:0px !important;}
	.is_general_details .stage3_previewconfirm_details_column{width:50% !important;margin-right:0px !important;}
	.width50_mr0_xs{width:50% !important;margin-right:0px !important;}
	.device_text_align_center{text-align:center;}
	 .myprofilehome_label_column, .myprofilehome_details_column{
	width: 50%;
    margin: 0;
	}
}
.mr_acc_sum .listrowwrapper .footable-details.bfTable .HW_textwithpadding{padding-left:20px;}
.mr_acc_sum .listrowwrapper .footable-details.bfTable td.amtRightAlign, .text_align_left{text-align:left !important;}
.col.width25 .querytextboxmedium_small, .col.width25.for_placeholder .querytextboxmedium_small{width:50% !important;}
.width79percent_navigationpanel.dd-container .right p:nth-child(2){text-align:center;}
.login_button, .login_button_small, .for_custom_btn span .primary-btn, .for_custom_btn span .search-btn {max-width:none !important;}
.ra3_c1_trans_his .footable-detail-row td{padding-left:0px !important;}

.for_button_padding span .waves-effect{padding:12px 12px;
    }
.ra3_c1_trans_his .footable-detail-row td{padding-left:0px !important;}
.ra3_c1_trans_his .footable-detail-row td{padding-left:0px !important;}
/*Added by ashwin 17 Apr*/
.dd-container .stage3_inputpanel_paydetailsrow .period-col .labelColumn_combo_toosmall {width:31%;padding-right: 0px;}
.dd-container .stage3_inputpanel_paydetailsrow .period-col .simpletext {width: 3.5%;height: 42px;float: left;}
.dd-container .stage3_inputpanel_paydetailsrow .period-col .ERROR_ROW_HIGHLIGHT .simpletext ,.col.width25 .labelColumn input{width: 100%;}
.dd-container .stage3_inputpanel_paydetailsrow .dcc_sr_limit .labelColumn {width: 93% !important;float: right;}
/*Added by ashwin 17 Apr*/
 tr.footable-empty{height:94px;}
 .pos_abs{position:absolute;}
 .stage3_inputpanel_leftcontainer_nobottommargin.border_none .stage3_leftrightmainpanel{background:none !important;}
 .for_btn_position .lookup_buttonlarge{position: absolute;margin-left: 0 !important;}
 .m10{margin: 0 10px;}
 .stage3_leftrightmainpanel.dd-container .stage3_inputpanel_paydetailsrow .stage3_previewconfirm_details_column{margin-top:12px;}
 .col.width25 .labelColumn .width100percent.labelcolumnsmall{width:100% !important;}
  .col .reset-btn, .col.for_btns .reset-btn{/* height:47.7px !important; */}
  .importLoansSearchdiv .stage3_searchpanelrow.row{
      margin-left: 0 !important;
    margin-right: 0 !important;
    }
  .incomplete_trans_table table thead th:nth-child(4){text-align:left !important;}
  .incomplete_trans_table .listgreyrowtxtleftline{padding-left:2px !important;padding-right:6px !important;} 
 .incomplete_trans_table table tbody td:nth-child(5){     padding-right: 20px !important;}
 .col.for_btns{padding:0 !important;}
 .for_width_adjust .querytextboxmedium_small{width: calc(75% - 5px) !important;}
 .dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 textarea{overflow:hidden;width:100%;}
 .dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .searchsimpletext_bold_upf{font-size:14px !important;}
 .width100, .ui-widget-overlay,.dd-container .querytextright_stage3 .type_FileName{width:100% !important;}
  .width50{width:50% !important;}
 .for_mt_0 .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column{margin-top:0 !important;}
 .left0{left: 0 !important;}
 @media (min-width: 601px) and (max-width: 992px) {
  .is_f_l{width:50% !important;}
 }
 

@media (min-width: 601px){
	.is_general_details .stage3_previewconfirm_label_column{width:50% !important; text-align:right;padding-right:15px;margin-right:0px !important;}
	.modalWrapper .is_general_details .stage3_previewconfirm_label_column{text-align:left;}
	.is_f_l .stage3_previewconfirm_label_column{width:50% !important;}
	.is_general_details .stage3_previewconfirm_details_column{width:50% !important;;margin-right:0px !important;padding-left:0px;}
	.ui-dialog .is_general_details .stage3_previewconfirm_details_column{width:60% !important;} /* added by Payal */
	.ui-dialog .is_general_details .stage3_previewconfirm_label_column{width:30% !important;} /* added by Payal */
}
.footable-detail-row .footable-details.bfTable tr td span{float:right;}
.col.width25 .stage3_searchpanelrow .labelColumn_combo_small{padding-right:0px !important;}
.biller.footablev3 table tbody td{padding-left:0px;}
.add_entry_table.footablev3 .tableoverflowwrapperhw{overflow:visible !important;}
.custom_btn_drop{margin-left:10px;}
.custom_btn_drop .dropdown-button:after{top: 13px !important;right: 10px !important;}
.mr30{margin-right:30px;}
.download-link-btn-container .waves-effect a{
	font-style:normal !important;
	    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    top: 7px;
    min-width: auto;
}

.paragraphlink {
	padding-top: 7px;
    font-size: 13px !important;
    float: left;
    text-decoration: underline;
    margin-top:10px;	
}

.pfm_link span a, .pfm_link span a:hover{
	text-transform: uppercase;
    color: #00aeef;
    font-size: 14px;
    font-family: "open_sansregular", arial, sans-serif !important;
    font-weight: 700;
}

.for_h2{
	color:#696969;
	font-size: 20px;
    font-family: 'helveticaneuemedium', Arial, sans-serif;
    font-weight: 400;
}

.for_h4{
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: #696969;
    }
    
.border_none .stage3_yellowpanel{background-color:#ffffff;border:0;}

.for_text{
	    font-size: 14px !important;
    font-family: "open_sansregular", arial, sans-serif !important;
    color: #696969 !important;
}

.pl40{padding-left: 40px;}
.ol_margin{margin-top: 14px;margin-bottom: 14px;}
.pfm_link span input, .pfm_link span input:hover{
	    background-color: #ffffff;
    text-transform: uppercase;
    color: #00aeef;
    font-size: 14px !important;
    font-family: "open_sansregular", arial, sans-serif !important;
    font-weight: 700;
    border: none;
}
.height_auto, .stage3_button_shadeinactive,.importLoansSearchdiv .height_auto{height:auto;}
.for_display input{display:inline-block !important;}
.add_category_popup .stage3_dataentry_modalview_label{width: 25%;
    text-align: left;
    padding-right: 15px;
    margin-top: 25px;}
.add_category_popup .labelColumn .labelColumn_combo,.importLoansSearchdiv .col.width25 .labelColumn_combo{width:100%;}
.add_category_popup .labelColumn .labelColumn_combo .autocomplete-icon, .add_category_popup .autocomplete-icon{right:15px;}
.add_category_popup .querytextright_withoutBlock .labelColumn_combo{width:45% !important;}
.add_category_popup .mt20 input{margin-top:20px;width: 65%;}
.homegradientfirstdivwithbgcolor_new3 span, .homegradientfirstdivwithbgcolor_new3 input, .homegradientfirstdivwithbgcolor_new3 img {
    display: inline-block;
    float: none;
    margin-left: 0;
    margin-right: 0;
}

.homegradientfirstdivwithbgcolor_new3 {
    text-align: center;
}

.homegradientfirstdivwithbgcolor_new3 span {
    width: 100%;
}

.empty_space{
display: inline-block;
    width: 100%;
    line-height: 1px;
    height: 1px;
    }
    
.width80{width:80% !important;}
.width90,.add_category_popup .labelColumn .type_FEBADate{width:90% !important;}
.add_category_popup .querytextboxnumber{background:none !important;border:none;margin:0;} 
.add_category_popup .labelColumn_combo_download{width:25% !important;padding:0;}
.add_category_popup .querytextright_withoutBlock .labelColumn input,.add_category_popup .labelColumn_combo_download .labelColumn_combo_brdr_download{width:100%;}
.add_category_popup .stage3_inputpanel_paydetailsrow .labelColumn .labelColumn_combo_brdr,.add_category_popup .stage3_inputpanel_paydetailsrow .labelColumn .labelColumn_combo{padding: 0;width: 100% !important;}
.add_category_popup .querytextright_withoutBlock .querytextboxnumber{width:10%;margin-top:10px;}
.add_category_popup .querytextboxmedium_search{margin-top: 20px;}
 .dd-container .labelCol_text_brdr_number{background:none !important;}
 .dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn_text_brdr_toosmall {margin: 0; width: 25% !important;}
 .dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3 .labelColumn_text_brdr_toosmall input{   width: 100%;}
 .importLoansSearchdiv .col.width25 .labelColumn_combo .labelColumn_combo_brdr{padding-right:0 !important;}
 .homegradientfirstdivwithbgcolor_new3 {
    min-height: 425px;
}
.pt2{padding-top:2px !important;}
.for_lookup_btn{width: 124px;min-width: 0;margin-left:15px; bottom: 5px;}
.for_mb20 .labelColumn_combo_small{margin-bottom:20px;}
/* .dd-container .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column{margin-top:0;} */  /* commented by Payal */
.mb40{margin-bottom:40px;}
.width51{width:51% !important;}
.for_width_50 .labelColumn_combo_small{width:50% !important;}
.pl0{
	padding-left: 0 !important;
}
.top0{top:0 !important;}
.pr30_0xs{padding-right:30px;}

.errorDisplayStyle .redbgwithwidth,.errorDisplayStyle .redbg{background-color: #FF6E6E !important;color: #ffffff !important;}
.errorDisplayStyle .greenbgwithwidth,.errorDisplayStyle .greenbg{background-color: #CBF0FD !important;color: #696969 !important;}  /* Changes done for RUR5-51 by Ashwin(jason's comment)*/
.queryitalictext{color:#919191 !important;}
.p24{
	padding-bottom: 24px;
    padding-top: 24px;
}
.two_reset_btns_margin{margin-left:10px;}
.errorContentWrapper.redbg{
	background: url(../images/mi-error.png);
	background-repeat: no-repeat;
    background-size: 24px;
    background-position: left 10px center;
}
.errorContentWrapper.greenbg{
	/* background: url(../images/mi-check.png); */			/* Changes done for RUR5-51 by Ashwin(jason's comment)*/
	background-repeat: no-repeat;
    background-size: 24px;
    background-position: left 10px center;
}
.errorContentWrapper.redbg a img,.errorContentWrapper.greenbg a img{visibility:hidden;}
.errorCodeWrapper p {
  line-height: 24px;
      font-family: 'open_sanssemibold', sans-serif !important;
}
.offersImg.swiper-slide .primary-btn{min-width:0 !important;padding:0px 24px !important;}
.currency-calculate-button .btn {
    width: 100%;
    min-width: 0 !important;
    line-height: 1em !important;
}
.widget .widget-body .currency-calculator-section .currency-calculate-button:after, .offersImg.swiper-slide .primary-btn i {
    display: none;
}
.half-widget .widget-content .hasPulldownMenu .menuChoices{left:-160px !important;top:20px !important;}
.for_button_order{display: inline-block;  
    width: 100%;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front{top: 200px !important;max-height: calc( 100vh - 210px ) !important;overflow:auto !important;max-width:937px;}
.ra3_c1_trans_his .amountRightAlign .amtRightAlign{padding-right:0 !important;}
#MessageDisplay_TABLE_5,.for_mail_container_width,#MessageDisplay_TABLE{margin:0 auto !important;float:none !important;display:block !important;border:none !important;}
.for_mail_container_width span.file-field {
    height: 50px;
    display: inline-block;
    width: 60%;
    margin-left: 15%;
}

.for_mail_field_width50 .labelColumn{width:50% !important;}
.composeMsgTemplates1{float:left !important;}
.for_mail_container_width .file-field input.file-path{padding-top:0px !important;}
.approval table tbody td span{float:left !important;}
.has_validity_errors .ERROR_ROW_HIGHLIGHT{
	display:none !important;
}
.deletelinkstyle{font-family:"open_sansregular", arial, sans-serif !important}
.deletelinkstyle,.flagtxt{
	font-size:14px !important;
    border-left: 0 none !important;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 24px;
/*     border-right: 1px solid #e3e3e3; */
    margin-top: 18px !important;}
    .white_space_nowrap{white-space: nowrap;}
    .movetorightalign span:first-child{margin-right: 20px;}
    .ui-dialog-title.overlayHeadingStyle,.section_fourlinbrd.subHeadingStyle{width: 100% !important;margin-left: 0 !important;text-align:center;}
          
       
 .widget-content.listingcol.empty-widget .for_mail_container_width {
    width: 100% !important;
}


.widget-content.listingcol.empty-widget .for_mail_container_width span.file-field{
	margin-left: 5%;
    width: 95% !important;
}
.removelinkstyle{font-size: 14px !important;margin-top: 2px !important;line-height: 24px; height: 24px;box-sizing: border-box;}
.cancelbtnreply{border-right: 1px solid #BDBDBD;}
.ui-dialog-content .pageLeftContainer{border:none !important;}
.float_left{float:left;}
.stopped_instances_table .rightBorder{border:none !important;}
.template_create_link .stage3_rightwithmargin{margin-right:0 !important;}
.template_create_link .stage3_rightwithmargin .btn-flat{padding-right:0 !important;}
.ml0_pr0{margin-left:0 !important;padding-right:0 !important;}
.float_none{float:none !important;}
.biller_lookup{width:140px;}
.rightpanel_textbold_drafts, .rightpanel_textbold_to{padding-left:0 !important;}
.addrecepient{width:auto !important;}
/* .hasPulldownMenu .menuChoices.menuChoices_1.lastPullDown_1 ul li{overflow:hidden;} */
.customBankingFacility .menuTitle
{
	display:none;
}
.mt96{margin-top:96px !important;}
.col.width25.for_radio_width .searchsimpletext,.col.width25.for_radio_width3 .searchsimpletext {padding-top:4px;}
.monthrangeselector_2_6{height:90px !important;}
.textarea.materialize-textarea{padding:0 !important;}
.tabs-with-navigation.swiper-container.swiper-container-horizontal ul.tabs li:last-child {
    padding-right: 0 !important;
}
.hasPulldownMenu .menuChoices
{
    min-width: 200px !important;
    max-width: 200px !important;
}

.hasPulldownMenu .menuChoices ul {width:100%;}

.hasPulldownMenu .menuChoices > ul{overflow-y:auto; width: 190px;}

.hasPulldownMenu .menuChoices ul li a { width:100%;}
.ui-dialog-content.ui-widget-content{display:inline-block !important;}
.drafttextbox{margin-top:-10px;}
.card-info-item-summary-inner .menuChoices{
	width:200px;
    right: 10px;
    left: auto !important;
    /* top: -180px !important; */     /* commented by Ashwin for CC summary menu option alignment */
    }
.card-info-item-info-description .menuChoices.menuChoices_0 ul li{
    width:100%;
    }
.importLoansSearchdiv .for_radio_width .stage3_searchpanellabel,.importLoansSearchdiv .for_radio_width3 .stage3_searchpanellabel{margin-bottom:20px;}

.mailcontainer .w50 .labelColumn_combo,.mailcontainer .w50 .labelColumn_combo .labelColumn_combo_brdr {
	padding-right:0 !important;
}
.logoutPanel{width:auto !important;}
/* .ui-widget.ui-widget-content.ui-corner-all.ui-front{width:auto !important;max-width:42% !important;left:0 !important;right:0 !important;margin:0 auto !important;} */
.ui-dialog-content.ui-widget-content{width:100% !important;}
.ui-dialog-content .footablev3 table tbody tr.footable-detail-row{display:table-row !important;}
.ui-dialog-content.ui-widget-content h3.listingcol,.ui-dialog .rightBorder, .stage3_listingdetails,.ui-dialog.tableoverflowwrapperhw
{border:0 !important;}
.ui-widget-content .footable-details.bfTable tr th span a {font-family:"open_sansregular", arial, sans-serif !important;font-weight:400 !important;}
.ui-widget-content .footable-details.bfTable tr th{padding-left:0 !important;}
.right_nav{margin-bottom:20px;}
.sendreply{margin-bottom:10px;margin-top:10px;}
.link_attach1{margin-top:5px;color: #0F9CFF !important;}
.rightpanel_texttop label{color:#696969 !important;}
.rightgrouplet.ui-sortable{width:41%;}
.rightgrouplet.ui-sortable .errorDisplayStyle{display: inline-block;width: 100%;}
.rightgrouplet.ui-sortable .errorDisplayStyle .errorContentWrapper.redbg{width:99%;}
.has_space_in_btns > span {
    margin: 0 11px;
}
.pfm_multi_changes .multi_select_dropdown_with_border .simpletextbold_gray
{
color: #212121;
    font-size: 14px;
    font-weight: normal;
}
.pfm_multi_changes .multi_select_dropdown_with_border .simpletextbold,.pfm_multi_changes .multi_select_dropdown_with_border .simpletextbold_gray{position: relative;padding-right: 95px;padding-top:0 !important;}
.portfolio_table .notopborder.listingcol,.portfolio_table table thead tr.footable-filtering{display:none;}
.btn.fileBrowseButton{margin-top: 0;height: 47.7px;line-height: 47.7px;}
.headerbaropen_index .waves-button-input {
    margin-left: -47px;
}
.simpletext_loginTime{
	    color: #696969 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
.widget-body .simpletext.username_customization{
	    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    color: #00aeef !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.section_blackborderWithoutMargin .formrow.message-row-contianer{height: auto;}
.personalizeDashLink{
	font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 27px !important;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
}
#MailsHomeCorp_STATIC_MailListNew > div{margin-left:10px;}
.section.currency-calculator-section .icon-dropdown.autocomplete-icon{
	height: 20px;
    width: 20px;
    position: absolute;
    top: 15px;
    right: 10px;	
}
.loginPanelHeaderTextStyle{
	    font-size: 20px !important;
    font-weight: normal;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    color: #696969;
}
.logoutrow{
	width: 100%;
	text-align:  center;
}
.logoutPopup,.logoutImages{top:30px !important;}
.logoutPopup{min-height:0 !important;}
.logoutImages{padding: 48px 0 43px;}
body{position:static !important;}
.logoutImages .thumbImage{overflow:hidden;display:block;position:relative;border: 0 !important;}
.logoutImages .thumbImage:hover:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #07acea;
    z-index: 999999999;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.logoutImages .thumbImage:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(black));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, black 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, black 100%);
    opacity: .8;
}
.logoutImages .thumbImage img{
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.15s cubic-bezier(0, 1, 0.75, 1), -webkit-transform 0.45s cubic-bezier(0, 1, 0.75, 1);
    transition: opacity 0.15s cubic-bezier(0, 1, 0.75, 1), -webkit-transform 0.45s cubic-bezier(0, 1, 0.75, 1);
    -o-transition: transform 0.45s cubic-bezier(0, 1, 0.75, 1), opacity 0.15s cubic-bezier(0, 1, 0.75, 1);
    transition: transform 0.45s cubic-bezier(0, 1, 0.75, 1), opacity 0.15s cubic-bezier(0, 1, 0.75, 1);
    transition: transform 0.45s cubic-bezier(0, 1, 0.75, 1), opacity 0.15s cubic-bezier(0, 1, 0.75, 1), -webkit-transform 0.45s cubic-bezier(0, 1, 0.75, 1);
}
.logoutImages .thumbImage:hover img
{
    transform: scale3d(1.15, 1.15, 1);
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0, 1, 0.75, 1);
}
.widget.widget-medium .multiTableHeading .listrowwrapper {border-bottom:none !important;}

@media screen and (-ms-high-contrast:none)
{
	.widget .widget-body tbody .loan-types .material-icons {
	    top: 14px;
	}
}

/* Secondary swiper */

.secNavForClo {
  background: #008cbf;
  min-height: 50px;
}

@media screen and (max-width: 992px) {
  .secNavForClo {
   	/* display: none; */
  }
}

.secNavForClo > .container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.secNavForClo .primary-clone-nav {
	margin: 0 auto;
	float: right;
	width: calc(100% - 115px);	
}
.secNavForClo .primary-clone-nav .swiper-button-next,
.secNavForClo .primary-clone-nav .swiper-button-prev {
  visibility: hidden;
}

.secNavForClo .primary-clone-nav .mega-menu-list-wrapper.swiper-container .swiper-button-next,
.secNavForClo .primary-clone-nav .mega-menu-list-wrapper.swiper-container .swiper-button-prev {
  visibility: visible;
}

.secNavForClo .primary-clone-nav ..mega-menu-list-wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
}

.secNavForClo .primary-clone-nav .mega-menu-list-wrapper.swiper-container .swiper-slide a {
    font-size: 1rem;
    color: #fff;
    display: block;
    padding: 0px 1.5em;
    cursor: pointer;
    position: relative;
    line-height: 50px;
} 

.secNavForClo .primary-clone-nav .mega-menu-list-wrapper.swiper-container .swiper-slide.selected {
    background:transparent!important;
}
.secNavForClo .primary-clone-nav .mega-menu-list-wrapper.swiper-container .swiper-slide a:after {
    border-bottom: 4px solid #ffffff;
   -webkit-transition: all ease 0.3s;
   -o-transition: all ease 0.3s;
   transition: all ease 0.3s;
   position: absolute;
   content: '';
   left: 0%;
   bottom: -10px;
   width: 100%;
}

.secNavForClo .primary-clone-nav .mega-menu-list-wrapper.swiper-container .swiper-slide.selected a:after,
.secNavForClo .primary-clone-nav .mega-menu-list-wrapper.swiper-container .swiper-slide:hover a:after {  
   bottom: 0px;
}


.swiper-button-next {
  background-image: none;
  margin-top: -12px;
  height: 27px;
  right: -7px;
  color:#fff;
}

.swiper-button-next i {
  line-height: 1;
  height: auto;
}

@media screen and (max-width: 991px) {
  .swiper-button-next {
    display: none;
  }
}

.swiper-button-prev {
  background-image: none;
  margin-top: -12px;
  height: 27px;
  left: -7px;
  color:#fff;
}

.swiper-button-prev i {
  line-height: 1;
  height: auto;
}

@media screen and (max-width: 991px) {
  .swiper-button-prev {
    display: none;
  }

}

.nbs-flexisel-inner .swiper-button-prev,
.nbs-flexisel-inner .swiper-button-next {
  background: #00aeef;	
}


.secNavForClo .swiper-button-prev,
.secNavForClo .swiper-button-next {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0, 118,160,1) 99%,rgba(0,118,160,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0, 118,160,1) 99%,rgba(0,118,160,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgb(0, 118, 160) 99%,rgb(0, 118, 160) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 );
	top:0px;
	margin-top:0px;
	height:50px;
}
.secNavForClo .swiper-button-prev i,
.secNavForClo .swiper-button-next i{
    line-height: 50px;
}
.secNavForClo .nbs-flexisel-inner .nbs-flexisel-ul>li>a {
    display: none;
}
.secNavForClo .nbs-flexisel-inner .menu{
    background-color:transparent;
}

.secNavForClo .swiper-container .nbs-flexisel-item {
    background-image:none;
}
.secNavForClo .swiper-container .nbs-flexisel-item .subTwoLevelMenu {
    width: 100%!important;
    display: block!important;
}
.secNavForClo .swiper-container .nbs-flexisel-item>.sub-container{
	display: none;
	visibility: hidden;
}
.secNavForClo .swiper-container .nbs-flexisel-item.selected .sub-container,
.secNavForClo .swiper-container .nbs-flexisel-item.clone-menu .sub-container{	
	visibility: visible;
	display: block!important;
}
@media screen and (max-width: 639px) and (min-width: 1px) {
	.secNavForClo #topbarNew {
		display: block;
	}	
}
/* @media screen and (max-width: 1024px) {
	.secNavForClo .primary-clone-nav {
  		width: 100%;		
	}
} */

.width100percent_main_loginbg{
	overflow:visible !important;
}

@media screen and (max-width: 991px) {
	.width100percent_main_loginbg {overflow-y:hidden !important;}
	.rightgrouplet.ui-sortable {
    width: 90% !important;
    margin: 0px 17px;
    }
.leftgrouplet {
    width: 100% !important;
}
.leftgrouplet.ui-sortable .leftcontainer{
	    display: inline-block;
    position: relative !important;
    width: 30% !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    max-width:none !important;
}
.leftgrouplet.ui-sortable .rightcontainer{
	    display: inline-block;
    width: 68% !important;
}
.leftgrouplet.ui-sortable .leftcontainer .headerbaropen_index{
	width:100% !important;
}
.composemessagetxtarea{width:50% !important;}
.leftgrouplet.ui-sortable .leftcontainer .acc_button{
	right:0 !important;	
}
.movetorightalign{margin-left:0 !important;} 
  .headerouter_r #topbar .header-nav .mega-menu .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul {
    height: initial;
    }
  .secNavForClo .swiper-container .nbs-flexisel-item .subTwoLevelMenu {
  	width: 100%!important;
  }

  .secNavForClo .primary-clone-nav {
  	width: 100%;
  }
}

.secNavForClo .nbs-flexisel-ul>.nbs-flexisel-item {
	width: 100%;
}

/* Secondary swiper */

.media-item-title{
	    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 19px 26px;
    font-size: 1.4em;
    z-index: 1;
}
.footablev3.approval table>tbody>tr>td>span.footable-toggle.last-column{float:right !important;} 
.footablev3 .fooicon-plus:before{
	content: '';
    background: url(../images/table-toggle-plus.svg);
    height: 12px;
    width: 12px;
    display: block;
    background-repeat: no-repeat}
.footablev3 .fooicon-minus:before {
    content: '';
    background: url(../images/table-toggle-minus.svg);
    height: 12px;
    width: 12px;
    display: block;
    background-repeat: no-repeat;
}
.footable-toggle.fooicon.last-column.fooicon-plus,.footable-toggle.fooicon.last-column.fooicon-minus{opacity:1;}
.movetorightalign{width:100%;}
.right_midreplay{height:260px !important;}
.card-details .menuChoices{top:23px !important;}
.loginPanelHeaderTextStyle{padding-top:0 !important;}
.ui-widget-overlay.ui-front{background: #0076AD !important;opacity: .9 !important;}
.half-widget.container-small-disabled.ui-sortable .widget.widget-small,.half-widget.container-small-disabled.ui-sortable .widget-content.listingcol.empty-widget{overflow:visible !important;}
.card-details-cell.more-options-container{cursor:pointer;}
.benfPrint span:nth-child(2),.benfPrint span:nth-child(3),.benfPrint span:nth-child(4){display:none;}

.hasPulldownMenu .menuChoices{
	height: auto !important;
}
.hasPulldownMenu .menuChoices > ul > li > ul{overflow:hidden;}
.hasPulldownMenu .menuChoices > ul{overflow-x:hidden;}
.centercontainertxt{
	border-left:none;
	border-right:none;
	border-bottom:1px solid #e3e3e3;
	margin-bottom:5px !important;
}
#modalDialog ul.autocomplete-values-list {
    left: 10px!important;
    top: 45px !important;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details{
	margin-bottom:10px;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details > h3{
	width: 29.7% !important;
    display: inline-block !important;
    float: left;
    margin-top:0px;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails{
	    display: inline-block;
	    width: 70.3% !important;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_label_column{
	    width: 30% !important;
    padding: 0 10px !important;
    margin: 0 !important;
     line-height:24px;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column{
	    width: 70% !important;
    margin: 0 !important;
    padding: 0 10px !important;
    line-height:24px;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details > h3 .searchsimpletext_sideheading{
    font-size: 15.26px !important;
    font-family: 'helveticaneuemedium', sans-serif !important;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column .simpletext{
	    color: #58595B !important;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewdetailsrow{
	line-height:24px;
	margin:0 !important;
}
.banner_img_1 .promo_button,.banner_img_2 .promo_button,.banner_img_3 .promo_button{
line-height: 36px;
    width: 72px !important;
    padding: 0px 28px !important;
    background-color: #00aeef;
    cursor: pointer;
    }
 .ui-dialog-titlebar{padding:0 !important;}
 .ui-dialog-title.uiconfirmtitle{
    /*  margin-left: 24px !important; */   /* commented by Ashwin as title is centre aligned as per nsew UI requirement */
    height: 24px;
    margin-top: 24px !important;
    line-height: 24px !important;
    margin-bottom: 0;
    font-size: 20px !important;
}
 .ui-dialog-content.ui-widget-content{padding:24px !important;}
 
.ui-dialog.ui-widget {
    border: 0;
    overflow-x: hidden  !important;
    padding: 0 !important;
}

.ui-corner-all.ui-button-icon-only {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 16px;
}

.ui-corner-all.ui-button-icon-only > span {
    width: 40px;
    height: 40px;
    padding: 0;
}

.ui-corner-all.ui-button-icon-only > span:before {
    content: "\00d7" !important;
    width: 40px;
    font-size: 20px;
    height: 40px;
    font-size: 40px;
    line-height: 24px;
    font-family: OpenSans, Verdana, Arial, sans-serif;
}
 .is_board {
    flex: 1;
    padding: 5px;
    border-right: 1px solid #eee;
}

.is_board p {
    margin: 0 !important;
    width: 100%;
    min-height: 62px;
    background-color: #ffffff;
    border: 1px solid #E3E3E3;
    margin-bottom: -1px;
    font-size: .86em;
    padding: 0.6em 0.8572em 0.4em 0 !important;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.is_board .stage3_previewconfirm_label_column {
    margin: 0;
    text-align: center;
    float: right;
    justify-content: center;
}

.is_board .stage3_previewconfirm_label_column:first-child {
    width: 77%;
}
.d-flex_dash{
	    display: flex;
    flex-direction: row;
}
.is_board h3{
	    min-height: 47px;
	    margin-left:47px;
}
.is_board h3 span{
    line-height: 24px;
    font-size: 14px;
    font-family: 'helveticaneuemedium', sans-serif !important;
    font-weight: normal;
    color: #696969;
}
.is_board .stage3_previewconfirm_label_column:nth-child(2) a{
	color: #00aeef;
    font-family: 'open_sansbold', sans-serif !important;
}
.is_board .stage3_previewconfirm_label_column:nth-child(1) span{
	line-height:24px;
}
.incomplete_trans_table .notopborder.listingcol{
	display:none;
}
.pr5{
	padding-right:5px !important;
}
.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3.wid_adjust_75 .labelColumn{
	width: calc(75% - 5px) !important;
}
.bordertop_none{
	border-top:none !important;
}
.deletelinkstyle{
	    border-right: 1px solid #e3e3e3;
}
.right_top{
	margin-left: 0 !important;
    padding: 10px;
    border: 1px solid #e3e3e3;
}
.rightpanel_texttop1{
	line-height:24px;
}
.width50percent_login.panel #MessageDisplay_TABLE{
	width:auto !important;
}

.radio_buttons_register .leftColumnStyle .searchsimpletext{
	padding-top:4px !important;
}
.radio_buttons_register{
	    /* padding: 28px 23px; */
}
.register_panel .register_input_fields,.register_panel .loginrow{
 padding: 0 23px;
 }
 .register_panel .loginrow{
 margin-left:0 !important;
 }
 .register_panel .loginrow,.register_panel .loginrow .login_button{
 width:100%;
 }
 
.register_panel .loginPanelSimpleTextStyle{
	color: rgb(105, 105, 105) !important;
    font-size: 14px !important;
}

.register_panel .register_input_fields .leftColumnStyle{
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:20px;
	margin-top:0 !important;
	padding:0 !important;
	width:100% !important;
}

 .register_input_fields .leftColumnStyle input{
     border-bottom: 1px solid #9D9FA2 !important;
 }

.radio_buttons_register .leftColumnStyle{
width: 48% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    margin-top: 14px;
    margin-bottom: 10px;
}
.register_panel{top:35px !important;}
.register_panel .notiFic.notiFic_marginTop.static{
	    padding-right: calc(0.8572em * 1);
    margin-top: 48px;
    margin-bottom: 0;
    /* display: block; */
    margin-left: 23px;
    margin-right: 23px;
}
.register_panel .notiFic.notiFic_marginTop.static p{
	line-height:24px;
}
.register_panel .notiFic.notiFic_marginTop.static > span >span{
	display:block;
}

.register_panel .span-radiobutton:before,.register_panel .span-radiobutton:after{
	height:24px;
	width:24px;
}
.radio_buttons_register .leftColumnStyle label{
	position:absolute;
	margin-top:5px;
}
.register_content_container{
	margin:0 auto;
	    padding-top: 75px;
    padding-bottom: 55px;
}
.regiter_width33{
	width:33.33%;
}
.reg_heading{
    font-size: 20px !important;
    color: #696969 !important;
    font-weight: 400;
    font-family: 'helveticaneuemedium', Arial, sans-serif;
}
.reg_heading2{
	font-size: 16px !important;
    color: #696969 !important;
    font-weight: 400;
    font-family: 'helveticaneuemedium', Arial, sans-serif;
}
}
.register_panel .loginPanelImageStyle  {  width: 122px;
    max-width: 100%;
    height: auto;
    display: block;}
.categories_pfm table tbody td .fcp-wrapper:last-child{
	display:none;
}
.multiselect_options_div{
	border-top: 2px solid #0F9CFF;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	width:266px;
	left:2px;
	    overflow-x: hidden;
}
 .has_ico_for_date{
 background: transparent url(../images/ico-datepicker.svg) left center no-repeat !important;
 }
.remove_error_message p:not(.stage3_searchpanelrow){display:none !important;}
.template_history_table .notopborder.listingcol{display:none;}
.is_general_details .stage3_previewconfirm_details_column .simpletext,.is_general_details .stage3_previewconfirm_label_column .simpletext{
	line-height:24px;
/* 	word-wrap:normal; */
	}

/*added by abhiraj for print preview issue*/
@media print{
	.printwrapper .parentTable .section>span{
     display:none;
 }
	#footer.footer-wrapper.printFooter>div {
	display:none;
 }
}
.widget .menuChoices ul li a{
	white-space: normal ; 	
	overflow:visible ;
}
/*commented by Payal as it impacted radion button in whole application
.listgreyrowtxtwithoutline footable-first-visible [type="radio"]:not(:checked), [type="radio"]:checked {
	position:static;
	visibility:visible;
	left:auto;
}*/
.dd-container textarea.materialize-textarea{
	width:100%;
}
.radio_small_hide .span-radiobutton{margin-top:0;}
.for_sectiongray .querytextleft_withleftBorder_Auth{
	float:left;
	border: none !important;
    width: 83.33% !important;
    left: 8.33% !important;
    position: relative;
    }
.for_sectiongray .querytextleft_withleftBorder_Auth .formrow .querytextleft{text-align:left;}
.pfm_multi_changes .HW_formbtn:nth-child(1) .formbtn{   
	margin-left: 5%;
	background-color: white;
    color: #00aeef;
    border: 1px solid #00aeef;
    margin-bottom: 10px;
    width: 90%;
    height: 24px;
    }
 .pfm_multi_changes .HW_formbtn:nth-child(2) .formbtn{   
 	margin-left: 5%; 
	background-color: #00aeef;
    color: white;
    width: 90%;
    border:none;
    height: 24px;
    }
.for_pfm_table table tr td{background:none;}
.footablev3.pfm_budget_table .amountRightAlign{
	padding-right: 0px !important;
}
.intermediary_lookup_btn{width: 210px;min-width: 0;margin-left:15px; bottom: 5px;}
.find-bank-modal table tbody{border-bottom: 1px solid #e3e3e3;}
.find-bank-modal table thead{border-bottom: 1px solid #e3e3e3;}
.pfm_budget_table .hasPulldownMenu{
	right: 0px;
    margin-top: -15px;
}
.leftgrouplet .for_custom_btn_back.width25{display:inline-block !important;}
/*added by Rohan for print preview issue*/
@media print{
	.printwrapper .parentTable .section>span{
     display:none;
     }
 
	#footer.footer-wrapper.printFooter>div {
	display:none;
 	}

}
.txn_graph_leftdata{
	border: 1px solid #e3e3e3;
    background-color: #fbfbfb;
    min-height: 97px !important;
    margin: 0 0 33px;
    padding: 0 !important;
}
.p0{
	padding:0 !important;
}
.txn_graph_leftdata .text_bold,.txn_graph_leftdata .bal_text{text-align: center;}
.txn_graph_leftdata .text_bold{margin-top:23px;}
.txn_graph_leftdata .text_bold .stage3_searchpanellabel{
	font-weight: 700;
    color: #58595b;
    font-size: 20px !important;
    margin:0 !important;
    padding:0 !important;
    display: block;
    text-align: center;
    float:none;
} 
.txn_graph_leftdata .bal_text .stage3_searchpanellabel{
	margin:0 !important;
    padding:0 !important;
    float:none;
    text-align: center;
	font-size: 11px !important;
}


.borderTop1 {
  border-top: 1px solid #E0E0E0;
}

.pfm_budget_table .stage3_budgetstablewrapper table{
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

.dd-container .querytextright_stage3.eff-from .labelColumn_combo_small
{
	width:50% !important;
}

.dd-container .querytextright_stage3.eff-from .labelColumn_combo_brdr_small
{
	width:95%;
}
.dd-container .querytextright_stage3.eff-from .labelcolumnsmall
{
	height: 42px;
}
.pr10{
	padding-right:10px !important;
}

.overvw-modal table.singleTableHeading thead tr th:nth-child(1)
{
	background: none;
}

.ui-dialog .acct_left_rightmainpanel1, .ui-dialog .acct_left_rightmainpanel1 thead{
	border-bottom: 1px solid #E0E0E0 !important;
}

.dd-container .progressbar_height input[type="text"]{
	    height: 13px !important;
}
#closeIcon.ui-state-default{
	z-index:9999;
}
.mr20{margin-right:20px;}
.float_right{float:right !important;}
.message-row-contianer:last-child .querytextleft_widget{padding-bottom:20px;}
.pageheadingcaps{line-height:normal;}
.link_with_arrow:after{
	font-family: 'icomoon';
    font-size: 13px;
    content: "\e919";
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 1;
    color: #00aeef !important;
}
.margin-top-zero {margin-top: 0px !important;}
/*added by Rohan for print preview issue*/
@media print{
	.printwrapper .parentTable .section i>span{
     display:none;
     }
 
	#footer.footer-wrapper.printFooter>div {
	display:none;
 	}

}
.modalWrapper #MessageDisplay_TABLE{
	width:100% !important;
	top:0 !important;
}
div .stage3_inputpanel_leftcontainer.width87{width:87% !important;}
.widget-medium .widget-content .stage3_inputpanel_leftcontainer_nobottommargin,.widget-small .widget-content .stage3_inputpanel_leftcontainer_nobottommargin{
	border:0 !important;
}

.leftcontainer #acc_button {
    width: 97%;
    display: inline-block !important;
    border-right: 1px solid #E0E0E0;
}

.leftcontainer #acc_button > p{
	margin-top:0 !important;
}

.right_nav_panel .movetorightalign > .labelColumn_combo_download{
	width:45%;
}

.right_nav_panel .movetorightalign > .labelColumn_combo_download .labelColumn_combo_brdr_download{
	width:100%;
	padding-right: 0 !important;
}

.right_nav_panel .movetorightalign .primary-btn{
	width: 40%;
    min-width: 0;
}

.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details h3{
	margin-bottom:0;
}

.opaccnt_sum_wid .hasPulldownMenu .menuChoices ul{
	max-height:fit-content;
}
/*Kanik CSS Start*/

.margin0{
	margin:0px !important;
}


@media screen and (max-width: 767px) {
	.mail-padding{
		padding: 0 1.72rem !important;
	}
	.composemessagetxtarea{
		width:100% !important;
	}
	.for_mail_container_width span.file-field{
		width:100% !important;
		margin:10px 0 0 0  !important;
	}
	.mb-padrl{
		padding:0 0.86rem;
	}
	.float-left{
		float:left !important;
	}
	.mlr0{
		margin:0px !important;
	}
	.margin-left-xs0{
	   margin-left:0px !important;   
	}
	.margin-top-xs20{
		margin-top:20px !important;
	}
	#MailsHomeCorp_STATIC_MailListNew > div{
    	margin-left:0px;
 	}
 	#ParentDiv_MailsHomeCorp_STATIC_MailListNew{
 		padding-left:0px !important;
 		padding-right:0px !important; 
 	}
	
	.width-100{
		width:100% !important;
	}
	
	.loan-header-fix{
		padding-top:1em !important;
	}
	.loan-amount-fix{
		padding-right: 10px !important;
    	padding-left: 0px !important;
    	line-height: 19px;
	}

	.loan-amount-fix > span:nth-child(2){
	    padding-right:0px !important;
	}
	
	.pad-right-zero{
		padding-right:0px !important;
	}
	.wrapper {
		width:100% !important;
	}
	.loan-text-left{
		text-align: left !important;
	}
	.margin-left-xs0{
	   margin-left:0px !important;   
	}
	.margin-bottom-xs20{
		margin-bottom:20px !important;
	}
	.margin-top-xs20{
		margin-top:20px !important;
	}
	.margin-top-xs15{
		margin-top:15px !important;
	}
	.tf-loan-fix span{
		padding-right:0px !important;
	}
	
	.float-left{
		float:left !important;
	}
	.mail-ml10{
		margin-left:10px !important;
	}
	
	.error-msg-fix{
		margin-top:20px !important;
	}
	.labelColumn_combo, .labelColumn_combo_brdr{
		height:auto !important;
	}
	#MessageDisplay_TABLE{
		padding: 0 20px !important;
	}	
	
	.width100percent_main_loginbg{
		overflow: scroll !important;
	}
	.logoutImages{
		padding-bottom: 150px;
	}	
	
	.inbox_containt_new label{
	    padding: 11px 0 16px 10px;
	    margin: 0 !important;
	}
	.inbox_containt_new span input {
	    
	    margin:0px !important;
	    padding:0px !important;
	    float:left !important;
	    width: 100%;
	}
	.inbox_containt_new span {
	    float: left !important;
        width: 100%;
        margin-top:10px !important;
	}
	
	.inbox_containt_new span:first-child{
	    margin-top:0px !important;
	}
	.cash-table-pad{
		padding-left: 6px !important;
	    padding-right: 20px !important;
	}
	.left0{
		left:0px !important;
	}
	
	div .stage3_inputpanel_leftcontainer.dd-container{
		width: 100% !important;
        left: 0px !important;
	}
	
	.hide-xs{	
		display:none !important;
	}
	
	.popup-btn-fix{
		float: left !important;
	    width: 100%;
	    margin-bottom: 10px;
	}
	
	.pr6{
		padding-right:6px !important;
	}
	
	.payment-select-fix span{
		width: 100%;
	    margin-left: 0px !important;
	    padding-right: 0px;
	
	}
	
	.payment-select-fix span >span{
	    margin-left: 0px !important;
    	padding-right: 0px;
	}
	.pad-xs0{
		padding:0px !important;
	}
	
	.go-btn-fix > p > span > span > button{
		width: 100% !important;
		max-width:100% !important;
		min-width:100% !important;
	}
	.stage3_detailspanelcombobuttonrow .for_drop_trans span{
		margin-left: 0px !important;
	}
	.prxs-20{
		padding-right:20px !important;
	}
	.mtxs-33{
		margin-top:30px !important;
	}
	.ptxs-20{
		padding-top:20px !important;
	}
	.span-pad-zero, .span-pad-zero span{
		padding:0px !important;
	}
	
	.td-pad-fix table tbody td,.td-pad-fix table tbody td span.amountRightAlign{
	    padding-right:0px !important
	}
	
	.ct-pad-fix tbody td, .ct-pad-fix tbody td span.amountRightAlign{
		padding-right:6px !important;
	}
	.op-acc-pad-fix tbody td,.op-acc-pad-fix tbody td span.amountRightAlign{
		padding-right:6px !important;
	}
	.op-acc-pad-fix table.footable-details > tbody > tr > td:nth-child(2){
		width: 100% !important;
	}
	.incomplete_trans_table .footable .pagination > li > a{
		padding: 0px 7px !important;
    }
    .incomplete_trans_table .footable-paging td{
        padding-left:0px !important;
    }
    .clear-btn-fix > span > i{
    	width:100% !important;
    	text-align: left !important;
    }
    .clear-btn-fix > span > i > input{
    	text-align: left !important;
    }
	.search-btn-fix  > span > button {
        width:100% !important;
        float:left;
        max-width:100%;
        margin-top:20px;
    }
    .text-xs-center{
    	text-align: center !important;
    }
    
    .ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details > h3{
        width:100% !important;
        margin-bottom:20px;
    }
    .ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_label_column,
    .ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column{
        width:50% !important;
        padding:10px !important;
    }
    .ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails{
        width:100% !important;
    }
/*	.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_label_column:before{
       content:':';
	   float:right !important;
	   font-weight: bold;
	   margin:0 -10px !important;
    }*/
    .lh-xs-24, .lh-xs-24 span{
    	line-height: 24px !important;
    }
    
    .right-col-fix .querytextright_stage3{
    	margin-top: 5px !important;
	    padding-left: 5px !important;
	    padding-right: 10px !important;
    }
    
    .ui-dialog .ui-dialog-titlebar{
    	padding-left:24px !important;
    }
    .ui-corner-all.ui-button-icon-only{
    	top: 18px;
    	right: 25px;
    }
	.categories_pfm table.footable-details > tbody > tr > th:nth-child(1) {
	    width:30% !important;
	}
	.mb-btn-fix,.mb-btn-fix span > button{
		float: left !important;
		width:100% !important;
		max-width:100% !important;
		min-width:100% !important;	
	}
	
	.height-100{
		height:100% !important;
	}
	.cc-pad-fix table tbody tr:first-child td {
	    padding:0px !important;
	}
	.combo-pad-fix, .combo-pad-fix span{
		padding-right: 0px !important;
		width:100% !important;
	}
	.td-btn-fix span:last-child{
	   display:flex;
		width:100% !important;
	}
	.td-btn-fix span:last-child button,.td-btn-fix span:last-child > i {
		margin:auto !important;
		margin-top:20px !important;
	} 
	.margin-top-xs65{
		margin-top:65px !important;
	}
	
	.rb12c2_op_trans_his .labelColumn_combo_download{
		width:100% !important;
	}
	.td-combo-fix > span.labelColumn_combo_download{
		margin-right:0px !important;
		padding-right:0px !important;
	}

	.td-combo-fix > span.labelColumn_combo_download >span {
	    padding-right:0px !important;
	}
	.td-pad-fix span{
	    padding-right:0px !important;
	}
	
	.td-dr-fix span:nth-child(3) span, .td-dr-fix span:nth-child(3)  input{
	    width:100% !important;
	    margin-right:0px !important;
	}
	.graph-ph-text,.graph-amount{
	   padding:0 15px !important;
	   font-size:16px;
	}
	.td-graph-fix{
		background-color:#fbfbfb;
		padding: 20px 10px;
	}
	.float-right{
		float:right !important;
	}
	.txn_graph_leftdata .text_bold .td-acc-label{
	    font-size: 0.8rem !important;
    	color: #696969 !important;
	}
	.td-acc-border{
	    border: 1px solid #e3e3e3;
	}
	.border-none{
		border:none !important;
	}
	
	.is_f_l.first:after, .is_f_l.first:before{
		bottom:-15px !important;
	}
	
	.is_f_l.second{
		padding-top:38px !important;
	}
			
	.fav-header-fix .linkedValTable h3,.fav-header-fix .delinkedValTable h3{
	    margin-top:20px !important;
	}
	
	.fav-header-fix  .navigationLeftButtons_resp .waves-input-wrapper > input{
	    margin: 0px !important;
	    line-height: 48px !important;
	    padding: 0px !important;
	    background-position: right !important;
	    text-align: left !important;
	    background-position-y: 14px !important;
	}
	
	.fav-header-fix  .navigationRightButtons_resp .waves-input-wrapper > input{
	    margin: 0px !important;
	    line-height: 48px !important;
	    padding: 0px !important;
	    background-position: left !important;
	    text-align: right !important;
	    background-position-y: 14px !important;
	}
	#HREF_DashboardMenu,#HREF_TransfersMenu,#HREF_PaymentsMenu,#HREF_SRMenu,
	#HREF_AccountsCards,#HREF_TradeMenu,#HREF_ReportsInquiry{
   	 display:none !important;
	}

	#slideDown,.switch,#NLPMenuSearch,#span_HREF_Mails,.show-text-box{
	    display:none !important;
	}
	
	.HW_logoffLink{
	    display:block !important;
	}
	#HREF_Logout{
	    line-height: 36px !important;
	}
	}
@media screen and (min-width: 768px) {
	.mb44{
		margin-bottom:44px !important;
	}
	
	.mr10{
		margin-right: 10px !important;
	}
	.hide-lg{
		display:none !important;
	}	
}
@media screen and (min-width: 768px) and (min-height: 1024px) {
		.linkdelink_left,.linkdelink_right{
		    left:20px;
		}
		.linkedValTable,.delinkedValTable{
    		margin-right:0px !important;
    	}
    	.linkedValTable table tbody tr td,.delinkedValTable table tbody tr td{
    		padding:0 10px !important;
		}
		.linkedValTable table tbody tr td span, .delinkedValTable table tbody tr td span{
   			padding:0 !important;
		}
		.linkedValTable table th, .linkedValTable table tr td:first-child, .delinkedValTable table th, .delinkedValTable table tr td:first-child{
			padding-left: 10px !important;
		}
		#HREF_DashboardMenu,#HREF_TransfersMenu,#HREF_PaymentsMenu,#HREF_SRMenu,
		#HREF_AccountsCards,#HREF_TradeMenu,#HREF_ReportsInquiry{
			display:none !important;
		}
		
}

@media screen and (min-width: 1024px) and (min-height: 768px) {
	.linkdelink_left,.linkdelink_right{
	    left:32px;
	}
	.linkedValTable, .delinkedValTable{
		margin:0px !important;
		width:44% !important;
	}
	.linkedValTable table th, .linkedValTable table tr td:first-child,.delinkedValTable table th, .delinkedValTable table tr td:first-child{
			padding-left:16px !important;
		}
}

.labelColumn_combo, .labelColumn_combo_brdr{
		height:auto !important;
}
.pp-colon:before{
	content: ':';
    float: left !important;
    font-weight: bold;
    margin: 0 -15px;
}
.hidden{
	display:none !important;
}

/*Kanik CSS End*/
/*added by Rohan*/
.footablev3 .delinkedValTable  h3{
	text-align:center !important;
	}
.footablev3 .linkedValTable  h3{
	text-align:center;
	}

.noborder > .linkedValTable{
	border:none;
	}

.noborder > .delinkedValTable{
	border:none;
	}	
	
.footablev3 .linkedValTable .left.customgradientbgtwolinetxt{float: none !important;text-align:center !important;}

.footablev3 .delinkedValTable .left.customgradientbgtwolinetxt{float: none !important;text-align:center !important;}

.pfm_my_cat table > tbody > tr > td:nth-child(1), .pfm_my_cat table > tbody > tr > td:nth-child(4), .pfm_my_cat table > tbody > tr > td:nth-child(2) ,.pfm_my_cat table > tbody > tr > td:nth-child(3){
    padding-left:2px !important;
}

.pfm_my_cat table > thead > tr > th:nth-child(2), .pfm_my_cat table > thead > tr > th:nth-child(3), .pfm_my_cat table > thead > tr > th:nth-child(4) {
    padding-left:0px !important;
}

/*added by Rohan for link delink button alignment*/
.linkdelink_right{
	left:0px;
}
.linkdelink_left{
	left:0px;
}	
.navigationButtons{
	text-align: center;
    width: 8%;
    margin-left: 5px;
}
/*added by Rohan for link delink button alignment*/

.sr-listing .collapsible-body .material-icons{
	display:none;
}

.sr-listing .collapsible-body a:after {
	    font-family: 'icomoon';
    font-size: 13px;
    content: "\e919";
    position: absolute;
    right: 15px;
    color: #00aeef;
    top: 14px;
    z-index: 1;
}
/*Header Changes- POC(Start)*/
.headerouter_r{
display:flex;
}

.headerouter_r > div{
    
    display: flex;
    width: auto !important;
    /*flex-direction: row;
    flex: 2;*/
}

.headerouter_r .logo_1{
	background-size: auto;
    height: 72px;
    background-position: center;
    width: 100px !important;
}

.headerouter_r .txt_boxnew{
flex: 2;
    width: auto !important;
    display: flex;
}

.headerouter_r .txt_boxnew .headerRowsetRight{
display: flex;
    flex: 10;
}

.headerouter_r .txt_boxnew .headerRowsetRight > p{
    display: flex;
    padding: 24px 15px;
    flex: 1;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText{
    display: flex;
    align-items: center;
    flex: 2;
}

.headerWelcomeText > span{flex:1}

.headerWelcomeText .headertext_name, .headerWelcomeText .caret{flex:auto;top:0;}
.personNameCaret{bottom:0;}
.navbarModified{
display: flex;
    margin-left: 20px;
}

.navbarModified li{
    align-items: center;
    display: flex !important;
}

.headerLogoutLink{
position:static;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .searchIconLink{padding-top:0;}

.skipContRow{display:none;}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn.show-text-box {
    position: relative;
    width: 100% !important;
    left: auto;
    right: auto;
    max-width: none;
    flex: 1 !important;
top:0;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn.show-text-box > .searchTextBox,.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .labelColumn.show-text-box > .searchTextBox::placeholder{
color:white !important;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText.headerWelcomeTextSearch1  > span:nth-child(4),.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText.headerWelcomeTextSearch1  > span:nth-child(5){display:none !important;}

.headerWelcomeText .notifyIconLink,.headerWelcomeText .unreadCountDash,.headerWelcomeText .headertext_name.maxlength,.headerWelcomeText .profile-picture{
	display:none;
}

.person-name:after,.person-name.upArrow:after {
    content: "\f013" !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
}

/* #wrapper1 .txt_boxnew .HW_logoffLink .btn.btn-islamic{display:none;} */

.headerouter_r .switch{margin-bottom:15px;}

.headerouter_r .switch label{color:white;}

.headerouter_r .switch label input[type=checkbox]:checked + .lever:after{background-color:white;}

#global .headerouter_r{width:100% !important;}

.menuItems_Header{color: white !important;padding: 24px 15px;display: inline-block;}

.menuItems_Header i{font-style:normal;}

/*Header Changes- POC(END)*/
/* .panel-height-fix {	
  min-height: 500px !important;
} */
.breadcrumb-block{
	display:block !important;
	padding-left:0px !important;
}

#productLogo{
    cursor:pointer !important;
}







/*breadcrumbs start*/
/* .is_general_details .stage3_previewconfirm_label_column:after{
	content:":";
	font-weight:800;
} */
.is_general_details h3{
	text-align: center !important;
	margin:0px !important;
}
.breadcrumb-block{
	display: inline-block !important;
	padding-left: 0px !important;
	border-radius: 10px;
	box-shadow:none !important;
	position:relative !important;
}

.breadcrumb-content{
    box-shadow:none !important;
	 min-width:100%;
}
.breadcrumb-block .breadcrumb{
    background:#fff !important;
    border: 1px solid #00aeef;
}

.breadcrumb-block .breadcrumb:first-child{
   background:#fff !important;
   border: 1px solid #00aeef;
}
.breadcrumb-block .breadcrumb:last-child{
    background:#00aeef !important;
    color:#fff !important;
	border-top-right-radius: 10px;
   	border-bottom-right-radius: 10px;
    cursor: default !important;
}
.breadcrumb-block .breadcrumb-icon:before, .breadcrumb-block .breadcrumb:before{
    border-left: 10px solid #00aeef;
    margin-left:0px !important;
}

.breadcrumb-block .breadcrumb-icon:after, .breadcrumb-block .breadcrumb:after{
    border-left: 10px solid #fff;
	margin-left: -1px;
}

.breadcrumb-block .breadcrumb:first-child:after{
	border-left-color: #fff !important;
}
.breadcrumb-block .breadcrumb:last-child:after{
	display:none !important;
}
.pageheadingcaps{
    /* display:none !important; */
}
.d-inline div{
    display:none !important;
}
.menu__level{
	margin-top:45px !important;
}
.menu__wrap{
    top:0px !important;
    height:100% !important;
}
.breadcrumb-icon{
	margin-bottom: 8px !important;
    box-shadow: none !important;
    display: inline-block !important;
    height: 40px !important;
    width: 40px !important;
    background: #00aeef !important;
    padding: 10px !important;
    font-size: 20px !important;
    color: #fff !important;
    position: absolute !important;
    top: 0px !important;
    z-index: 100;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	cursor: default;
}

.breadcrumb-icon:after{
    border-left-color:#00aeef !important;
}

.breadcrumb-block .breadcrumb-content .breadcrumb{
	box-shadow: none !important;
}

.breadcrumb-content{
	margin-left: 39px;
    display: inline-block !important;
    min-height:40px;
}

.breadcrumb-block .breadcrumb-content .breadcrumb {
	width:auto;
	padding: 8px 18px 9px 28px;
	cursor: default;
}

@media screen and (min-width: 767px) and (max-width: 900px) {
.nav-wrapper.breadcrumb-content{
	bottom:4px;
}
.breadcrumb-block .breadcrumb:last-child:before{
	display:none;
}
}


@media screen and (max-width: 767px) {
	.breadcrumb-icon{
		position: relative !important;
 		top: 0px !important;
	}
	
	.nav-wrapper{
		margin-left:0px !important;
	}
	.breadcrumb-block .breadcrumb:last-child{
		border-top-right-radius: 0px !important;
    	border-bottom-right-radius: 0px !important;
	}
	
	.is_menus_hidden{
		display:none !important;
	}
	
	.is_menus_visible{
	display:inline-block !important;
	}
	
	.breadcrumb-block .breadcrumb-content .breadcrumb {
	width:85%;
}
	.hasPulldownMenu {
		display: inline-block !important;
		width: 20px !important;
		height: 40px !important;
		float: right !important;
		margin: 0px !important;
	}
	.hasPulldownMenu>a { 
		padding: 0 !important;
	}
	.footablev3 table>tbody>tr>td>span.footable-toggle.last-column {
		float: left !important;
		margin: 0px !important;
		display: inline-block;
		height: 40px;
		width: 40px;
	}
	.footablev3 table>tbody>tr>td>span.footable-toggle.last-column:before {
		display: inline-block !important;
		background-position: center !important;
		background-size: 20px !important;
		width: 40px !important;
		height: 40px !important;
	}
	.footablev3 table > tbody > tr > td:last-child{
		width:80px !important;
	}
}
/*breadcrumbs end*/


.srdetails .stage3_previewdetailsrow .stage3_previewconfirm_details_column span{
    padding-left: 0px !important
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .srdetails{
    width: 100% !important; 
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .srdetails .stage3_previewconfirm_label_column{
	width: 50% !important; 
	text-align: right;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .srdetails .stage3_previewconfirm_details_column{
	width: 50% !important; 
}

.margin_top_35 .labelColumn_combo ,.margin_top_35 .labelColumn_combo_small {
	margin-top: 35px !important;
}

.ccddetails_padding{
	  padding-right: 15px !important
}

.center-container.widget-grid .container-small{
	width:100% !important;
}
.is_general_details .stage3_previewconfirm_details_column span:before,
.is_general_details .stage3_previewconfirm_details_column a:before{
    content: ':';
    float: left !important;
    font-weight: bold;
    margin: 0 -15px;
    color: #696969;
}

.modalWrapper .is_general_details .stage3_previewconfirm_details_column span:before{
	display:none;
}

.settingsBar{
	display:inline-block !important;
}
.menuBarIcon{
    margin-top:24px !important;
}


.mailsIconLink{
	bottom:0px !important;
	margin:0px !important;
	padding: 24px 15px;
    top: 6px;
}

.personNameCaret{
	padding-left: 24px;
	bottom: -3px;
	padding: 24px 15px;
}

.personNameCaret a:after{
 content: "\f013" !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px !important;
    color:#fff !important;
}

.header-btn-fix{
	float: none !important;
    display: inline-block !important;
 	margin: 18px 15px !important;
    padding: 0px !important;
    clear:both !important;
    height:36px !important;
}

.header-btn-fix a{
    height:36px !important;
    line-height:36px !important;
    padding:0 15px !important;;
}


.header-logout-btn-fix, .header-logout-btn-fix a, .header-logout-btn-fix a:hover{
	background-color:#fff !important;
	color:#00aeef !important;
	box-shadow:none !important;
}
.icon-menu:before {
    font-size: 24px;
    padding-left: 15px;
}

.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .searchTextBox,
.headerouter_r .txt_boxnew .headerRowsetRight .headerWelcomeText .searchTextBox:focus{
    box-shadow: 0 1px 0 0 #fff !important;
    border-bottom: 1px solid #fff !important;
}

/* #HREF_Conventional{
    background: #00aeef !important;	
} */


@media screen and (max-width: 767px) {
	.icon-menu:before{
		padding-left: 0px !important;
	}
	.header-btn-fix{
		margin: 18px 5px !important;
	}
	.header-btn-fix a{
	    padding: 0 10px !important;
	}
	.header-logout-btn-fix{
		margin-right: 0px !important;
	}
	.footablev3 table.footable-details > tbody > tr > td:nth-child(2){
	    text-align:right !important;
	}
	.more.dropdown-button {
	    height: 40px !important;
    	line-height: 40px !important;
	}
	.listgreyrowtxtleftline{
	    padding-left: 2px !important;
    	padding-right: 6px !important;
	}
	.stage3_searchpanelrow{
		margin:0px !important;
	}
	.pt-xs-12{
		padding-top:12px !important;
	}
	
	.payment-btn-con,.tf-save-btn-fix{
		display: flex !important;
    	flex-direction: row-reverse !important;
    	justify-content: center !important;
	}
	.payment-btn-con span button{
	    padding:12px 28px !important;
	}
	.panel-margin-fix > div, .tf-uf-fix > span{
		margin:0px !important;
	}
	.tf-save-btn-fix{
		width: 100% !important;
	}
	.tf-save-btn-fix span{
		width: auto !important;
		float:none !important;
	}
	 .tf-details-section .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column,
	 .tf-details-section .stage3_inputpanel_paydetailsrow .querytextright_stage3{
           width:50% !important;
           margin:0px !important;
           padding:0px !important;
	}

	.tf-details-section .stage3_inputpanel_paydetailsrow .querytextright_stage3 span{
	    padding:0px !important;
	    margin:0px !important;
	}
	
.tf-lookup-btn-fix span.querytextleft{
        text-align:left !important;
    }
	.approve_lookup_btn{
		margin-left: 0px !important;
    	margin-top: 10px;
	}
	
    .querytextleft{
        text-align:left !important;
	 }
	 
	 .width-xs-75{
		width:75% !important;
	 }
	 
	 .dd-container .stage3_inputpanel_paydetailsrow .amount-field-fix .labelColumn_text_brdr_toosmall{
		width:75% !important;
		padding-right:0px !important;
      }
      .margin-xs0{
		margin:0px !important;
	  }
	  .for_custom_mail_back a {
		width: 100% !important;
		text-align: left !important;
	}
	.margin-bottom-xs20{
		margin-bottom:20px !important;
	}
	.accordianmenu-xs-fix, .accordianmenu-xs-fix div.accordianmenu{
	    margin:0px !important;
	}
	
	.bf-combo-fix {
        margin-left: 0px !important;
      }
      .bf-combo-fix .ra1_c1,.bf-combo-fix .ra1_c2, .acc-combo-fix > span {
            display: block !important;
            width: 100% !important;
            padding: 0 15px !important;
      }
      .bf-combo-fix .labelColumn_combo_small,.acc-combo-fix .labelColumn_combo_small{
       	 	width: 100% !important;
       	 	margin:0px !important;
       }
       .bf-combo-fix .labelColumn_combo_brdr_small{
			padding: 0px !important;
    		width: 100% !important;
		}
		.bf-combo-fix .autocomplete-dropdown{
		    padding: 0px !important;
		}
		
		  .bf-combo-fix .ra1_c2 .labelColumn_combo{
                margin: 0px !important;
                width: 100% !important;
                
        }
        .bf-combo-fix .ra1_c2 .labelColumn_combo_brdr{
                width: 100% !important;
                margin:0px !important;
                padding:0px !important;

        }
        
       .acc-combo-fix{
        	margin:0 0 20px 0 !important;
        }
		.bf-table-fix .footable-pagination-wrapper{
			float:left !important;
		}
		
		.bf-table-fix table>tbody>tr>td>span.footable-toggle.last-column{
			 float:right !important;
			 height:auto !important;
		}
		
		.bf-table-fix table>tbody>tr>td>span.footable-toggle.last-column:before{
			width: 20px !important;
    		height: 20px !important;
		}
		
		.bf-table-fix .footable-detail-row .footable-details.bfTable tr td span{
			padding-right: 0px !important;
		}
		
		.mp-xs0{
			margin:0px !important;
			padding:0px !important;
		}
		.mlr-xs0,#global .widget-grid .sr-ln-margin-fix .widget.widget-small{
			margin-left:0px !important;
			margin-right:0px !important;
		}
		.bf-table-fix thead th:nth-child(1){
		    text-align:left !important
		}
		.acc-summary-con .widget-medium{
			min-height: 357px !important;
			max-height: unset !important;

		}

	.display-block-xs{
			display:block !important;
		}
		.bf-table-fix .listgreyrowtxtleftline{
		    padding-left:12px !important;
		}
		.bf-table-fix table > tbody > tr > td:last-child .hwgreentxt{
		    padding:0px !important;
		}
	
}


.select-wrapper input.select-dropdown {
  display: none !important;
}

.	 span.caret {
  display:none !important;
}

@media screen and (min-width: 768px) {	
	
	.accordianmenu .headerbaropen_index{
		padding: 11px 0 16px 10px !important;
	}
	.accordianmenu .headerbaropen_index a:link{
	    margin-left: 0px !important;
	}

	
}



.queryitalictext_confirm  {
	text-align: center !important; 
	    font-size: 13px;
    font-style: italic;
    font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
    color: #212121;
    float: left;
    width: 95%;
    padding-left: 52px;
    padding-top: 6px;
}

.workflow_confirm {
    width: 99.84%;
    text-align: center !important;
}   

@media screen and (max-width: 767px) {
	.from-to-acc-con {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 24px 24px 29px !important;
	}
	.from-to-acc-con span.stage3_previewconfirm_label_column,
	.from-to-acc-con span.stage3_previewconfirm_details_column {
		width: 100% !important;
		text-align: left !important;
		margin: 0px !important;
		padding: 5px 0px !important;
	}
	.from-to-acc-con  span.simpletext:before {
		content: "" !important;
	}

}
@media screen and (min-width: 768px) {
	
	.from-to-acc-con{
		padding: calc(0.8572em * 2) calc(0.8572em * 4) calc(0.8572em * 2) calc(0.8572em * 2) !important;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    min-height:150px !important;

	}
	.from-to-acc-con span.stage3_previewconfirm_label_column,
	.from-to-acc-con span.stage3_previewconfirm_details_column {
		width: 100% !important;
		text-align: left !important;
		margin: 0px !important;
		padding: 5px 0px !important;
	}
	.from-to-acc-con  span.simpletext:before {
		content: "" !important;
	}
	.from-to-acc-con.is_f_l.second{
	   padding: calc(0.8572em * 2) calc(0.8572em * 2) calc(0.8572em * 2) calc(0.8572em * 4) !important; 
	}
	
	.is_f_l.first:after, .is_f_l.first:before {
		width:63px !important;
		
	}

	
	/* .total-bal-fix table > tbody > tr > td:last-child{
		    border-left: 1px solid #e3e3e3 !important;
	} */
	.total-bal-fix table thead th:nth-child(1){
		text-align:left !important;
	}
	.total-bal-fix table thead th:nth-child(2),.total-bal-fix table tbody td:nth-child(2){
		text-align:right !important;
	}
    .total-bal-fix table td .hwgreentxt{
        padding-right:0px !important;
    }
	
	.is_general_details .stage3_previewconfirm_label_column .simpletext{
		padding-right:15px !important;
		
	}
	
	.approval table tbody td span{
		word-break: break-word;
	}
	.approval tbody td.footable-last-visible span:first-child {
		position: absolute;
		right: 0px;
	}
	.approval tbody td.footable-last-visible span.searchsimpletext {
	    padding-right:30px;
	}
	
	
}

.tf-subheader-fix .stage3_previewconfirmdetails .simpletextbold:before{
	display: none !important;
}

.modalWrapper .breadcrumb-block{
	margin-top: 0px;
    margin-bottom: 20px;
}

.modalWrapper .breadcrumb-block .breadcrumb-icon{
	top:auto !important;
}


.m4col
{
margin: 0px -4px !important;
}


.fb-radio-btn{
	height: 50px;
    width: 50px;
    display: inline-block;
        margin: 0 15px;
}
    
    
.smily1txt span,.smily2txt span,.smily3txt span{
     background: url(../images/smily1.svg) no-repeat;
	 background-size: cover;
     height: 50px !important;
    width: 50px !important;
    padding:0px !important;
}
.smily2txt span{
     background: url(../images/smily2.svg) no-repeat;
}


.smily3txt span{
     background: url(../images/smily3.svg) no-repeat;
}


.smily1-bluetxt span,.smily2-bluetxt span,.smily3-bluetxt span{
     background: url(../images/smily1-blue.svg) no-repeat;
	 background-size: cover;
     height: 50px !important;
     width: 50px !important;
     padding:0px !important;
}
.smily2-bluetxt span{
     background: url(../images/smily2-blue.svg) no-repeat;
}


.smily3-bluetxt span{
     background: url(../images/smily3-blue.svg) no-repeat;
}

.smily1txt .span-radiobutton:before,.smily1txt .span-radiobutton:after,
.smily2txt .span-radiobutton:before,.smily2txt .span-radiobutton:after,
.smily3txt .span-radiobutton:before,.smily3txt .span-radiobutton:after{
   
    border:none !important;
    background-color:transparent !important
}

.fb-radio-con{
	display:flex;
	justify-content: center;
}

.m24{
	margin: 0 24px;
}

.remarks_logout{
    margin: 0px 19px !important;
    width: 300px !important;
    }
	
.mailtop{
        width: inherit !important;
    padding: 4px !important;
}

.mailmargin{
    margin:10px;
}

.viewtxndetails .stage3_previewdetailsrow .stage3_previewconfirm_details_column span{
    padding-left: 0px !important
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .viewtxndetails{
    width: 100% !important; 
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .viewtxndetails .stage3_previewconfirm_label_column{
	width: 50% !important; 
	text-align: right;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .viewtxndetails .stage3_previewconfirm_details_column{
	width: 50% !important; 
}      

/* .ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_label_column:before{
       content:':';
	   float:right !important;
	   font-weight: bold;
	   margin:0 -10px !important;
    } */
 
.pr15{
	padding-right:15px;
}

.mt0,.section_grayborder.mt0 .querytextleft_withleftBorder_Auth{
	margin-top:0 !important;
}

.section_grayborder.mt0 h3{
	padding-top:0 !important;
	margin-bottom:24px !important;
}

.ui-widget-content .ui-dialog-title.uiconfirmtitle{
	width:100%;
	text-align:center;
}

.emailPmts{
	margin: 0px 0px 0px 10px;
}

.emailDwnld{
	margin-top: 24px;
}
.homegradientfirstdivwithbgcolor_new3 .labelColumn_combo {
    width: 90%;
    margin-bottom: 4px;
}
.homegradientfirstdivwithbgcolor_new3 .icon-dropdown.autocomplete-icon {
    margin-right: 17px;
}

.btw_acc_cnfrm_page .acctToPayment {
    width: 280px !important;
}

.toAcctPayment{
	padding-right: 35px !important;
}
.ui-dialog .section_blackborder h2 {
    text-align: center;
}
.width50ddS .ERROR_ROW_SPAN{
	width:100%;
}
.dd-container .stage3_inputpanel_paydetailsrow .SinglCl .labelColumn{
	width: calc(98% - 27px) !important;
}
.SinglCl .simpletext{
	    float: left;
    	margin-top: 10px;
        margin-right: 3px;
}

.tf-break-word span{
	word-break: break-all !important;
}

/* added by abhiraj for mobile view changes */
@media screen and (max-width: 767px){
.footablev3 table>tbody>tr>td>span.footable-toggle.last-column:before{
	width: 80px !important;
	height: 35px !important;
}
.ra4 table > thead > tr > th:nth-child(5) {
	width: 35% !important;
	text-align: right !important;
}
.footablev3 table th, .footablev3 table tr td:first-child{
	width: 35%;
}
}
/* added by abhiraj for mobile view changes ends*/

/* added for remarks error highlight*/
.remarks_error .ERROR_ROW_HIGHLIGHT .simpletext{
    margin-left:25% !important;
    font-weight:550;
}

.remarks_error .ERROR_ROW_BG .simpletext{
     padding-left: 12px !important; 
}



/*added for removing extra padding */
.sectionmptop0.section_grayborder h3{
    margin-top:0px;
    padding:0px !important;
}

.sectionmptop0.section_grayborder{
    margin-top:0px;
    padding:0px !important;
}
.adv-step-pad .stepPatch,.plr27 {
	padding: 0 27px !important;
}
.ptb25{
	padding-top:25px !important;
	padding-bottom:25px !important;
}

.pb20{
	padding-bottom: 20px !important;
}

.show-text-box input,
.show-text-box input:-ms-input-placeholder,
.show-text-box input:focus:-ms-input-placeholder {
	color:#fff !important;
}

.txtbold{
	font-weight: bold;
}

.downloadimg1 {
	background: url(../images/img-download-1.jpg) no-repeat;
	background-size: 100% 100%;
    height: 50px !important;
	width: 145px !important;
    padding:0px !important;
    display:inline-block !important;
    margin:0 10px 0 0;
}
.downloadimg2 {
	background: url(../images/img-download-2.jpg) no-repeat;
	background-size: 100% 100%;
    height: 50px !important;
    width: 145px !important;
    padding:0px !important;
    display:inline-block !important;
}

.emailPmts .ERROR_ROW_HIGHLIGHT {
    text-align:left !important;
}

.uploadedFilesm10{
	margin-left: -10px !important;
}



.w100{
	width:100% !important;
}

@media screen and (min-width: 768px) {
	.pp-details-fix .myprofilehome_label_column {
		padding-right: 25px;
		text-align: right;
		width: 50%;
		margin-right: 0px;
	}
	.pp-details-fix .myprofilehome_details_column {
		margin-right: 0px;
	}
}

.logOutCf{
	font-size:18px !important;
}
.multi_select_dropdown_with_border {
	border-bottom: 1px solid #9D9FA2;
	width: 265px;
}
.multiselect_options_div {height:auto;margin-top: 10px;}

.OpacctPadding{
	padding-right: 0px !important;
}

.etextAlignCenter{
	text-align: center !important;
}

.error-msg-fix{
	display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}


.error-msg-fix span.ERROR_ROW_HIGHLIGHT{
	order:4 !important;
}

/* hide all the bredcrumbs inside modal window */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front .section div.breadcrumb-block{
    display:none !important;
}
/* hide all the bredcrumbs inside modal window */

.footablev3 th.footable-sortable > span.fooicon {
    padding-left:5px !important;
    right: auto !important;
}
.for_tasdeed_table table.footable > thead > tr > th.footable-sortable:last-child,
.ben-word-break table.footable > thead > tr > th.footable-sortable:last-child,
.pfmfo table.footable > thead > tr > th.footable-sortable:first-child,
.biller table.footable > thead > tr > th.footable-sortable:last-child,
.acc-nickname table.footable > thead > tr > th.footable-sortable:last-child,
.ppf-table table.footable > thead > tr > th.footable-sortable:last-child,
.instances_table table.footable > thead > tr > th.footable-sortable:last-child,
.find-bank-modal table.footable > thead > tr > th.footable-sortable:last-child,
.op-text-align-fix table.footable > thead > tr > th.footable-sortable:last-child,
.incomplete_trans_table table.footable > thead > tr > th.footable-sortable:last-child,
.pfmTables table.footable > thead > tr > th.footable-sortable:last-child,
.categories_pfm table.footable > thead > tr > th.footable-sortable:last-child,
.pfm_budget_table table.footable > thead > tr > th.footable-sortable:last-child .fooicon{
   visibility:hidden !important;
} 
.tfinTable table tbody tr td:nth-child(4),
.tfinTable table tbody tr td:nth-child(4) span,
.incomplete_trans_table table tbody tr td:nth-child(5),
.incomplete_trans_table table tbody tr td:nth-child(5) span{
   text-align:right !important;
    float:none !important;
}


.tasdeedPadding{
	padding-left: 18px !important;
}

.display_block{
	display:block !important;
}

.menu__wrap{
     height: calc(100% - 30px) !important;
}
/*Walkthrough CSS Added By soumen - Start*/

#tooltipInner {
	 font-family: 'open_sansregular', sans-serif;
}
 #tooltipInner .modal-walkthrough-counter {
	 display: block;
	 font-size: 0.9em;
	 margin: 0 0 2px;
}
 #tooltipInner .modal-walkthrough-panel {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 #tooltipInner .modal-walkthrough-panel-skip {
	 color: #fff;
	 font-size: 1em;
	 text-decoration: underline;
}
 #tooltipInner .modal-walkthrough-panel-skip:hover, #tooltipInner .modal-walkthrough-panel-skip:focus {
	 text-decoration: none;
}
 #tooltipInner .modal-walkthrough-panel-buttons {
	 display: flex;
}
 #tooltipInner .modal-walkthrough-panel-buttons a {
	 text-align: center;
	 min-width: 94px;
	 margin: 0 0 0 14px;
	 border-radius: 4px;
	 padding-top:5px;
}
 #tooltipInner h3 {
	 font-size: 16.8px !important;
	 background:none !important;
	 color:#fff !important;
	 margin: 0 0 26px;
}
 #tooltipInner p {
	 font-size: 14px !important;
	 margin: 0 0 23px;
}
 #tooltipInner .close-step {
	 width: 40px;
	 height: 40px;
	 position: absolute;
	 top: 17px;
	 right: 17px;
	 z-index: 1000000;
	 color: #fff;
	 text-align: center;
	 display: block;
	 border: none;
	 padding: 0;
	 color: #fff;
	 background: none;
}
 #tooltipInner .close-step:hover {
	 color: #e4e4e4;
}
 #tooltipInner .close-step i {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 25px;
}
 @media (max-width: 992px) {
	 #tooltipInner .close-step {
		 top: 18px;
		 right: 5px;
	}
}
/* #jpwFinish, #jpwPrevious, #jpwNext {
	 display: none !important;
}
 */
 
 #jpwClose, #jpwNext, #jpwPrevious, #jpwFinish {
	 color: #00c7ff;
	 cursor: pointer;
	 font-size: 18px;
	 font-weight: lighter;
}
 #jpWalkthrough {
	 box-sizing: border-box;
}
 #jpwOverlay {
	 background: #58595b;
	 position: fixed;
	 opacity: 0.9;
	 z-index: 999999;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 display: block;
}
 #jpwOverlay.transparent {
	 background: none;
}
 #jpWalkthrough.jpw-scrolling .overlay-hole > div {
	/* box-shadow: inset 0 0 10px 1000px rgba(0, 0, 0, 0.6);
	 */
}
 #jpWalkthrough .overlay-hole > div {
	/* box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.6);
	 */
}
 .overlay-hole {
	 box-sizing: content-box;
	 padding: 0 !important;
}
 .overlay-hole * {
	 box-sizing: content-box;
}
 #jpWalkthrough #jpwTooltip {
	 overflow: visible;
}
 @media (max-width: 992px) {
	 #jpWalkthrough #jpwTooltip {
		 left: 50% !important;
		 transform: translateX(-50%);
	}
}
 @media (max-width: 374px) {
	 #jpWalkthrough #jpwTooltip {
		 right: 0 !important;
		 left: 0 !important;
		 transform: none;
	}
}
 #jpWalkthrough #jpwTooltip #tooltipWrapper {
	 box-sizing: border-box;
	 overflow: visible;
	 transform: none !important;
	 padding: 24px;
	 background: #00aeef;
	 position: relative;
}
 @media (max-width: 992px) {
	 #jpWalkthrough #jpwTooltip #tooltipWrapper {
		 padding: 27px 13px;
	}
}
 @media (max-width: 374px) {
	 #jpWalkthrough #jpwTooltip #tooltipWrapper {
		 width: 100% !important;
	}
}
 #jpWalkthrough #jpwTooltip #bottom-scratch {
	/* background: url("../images/walkthrough/scratch-border.png") no-repeat left top;
	 */
	 width: 358px;
	 height: 42px;
	 display: none;
	 top: 25px;
	 clear: both;
}
 #jpWalkthrough #jpwTooltip .draggable-area {
	 display: block;
	 width: 44px;
	 height: 40px;
	 position: absolute;
	 top: -35px;
	 right: -30px;
	/* background: url("../images/walkthrough/drag.png") no-repeat;
	 */
	 z-index: 10000;
}
 #jpWalkthrough #jpwTooltip .top {
	 position: absolute;
	 left: 20px;
	 bottom: -11px;
	 display: block;
	 z-index: 1000;
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 12px 14px 0 14px;
	 border-color: #00aeef transparent transparent transparent;
}
 @media (max-width: 992px) {
	 #jpWalkthrough #jpwTooltip .top {
		 left: 50% !important;
		 transform: translateX(-50%);
	}
}
 #jpWalkthrough #jpwTooltip .right {
	 position: absolute;
	 top: 20px;
	 left: -11px;
	 display: block;
	 z-index: 1000;
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 14px 12px 14px 0;
	 border-color: transparent #00aeef transparent transparent;
}
 #jpWalkthrough #jpwTooltip .bottom {
	 position: absolute;
	 left: 20px;
	 top: -11px;
	 display: block;
	 z-index: 1000;
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 0 14px 12px 14px;
	 border-color: transparent transparent #00aeef transparent;
}
 #jpWalkthrough #jpwTooltip .left {
	 position: absolute;
	 right: -11px;
	 top: 35px;
	 display: block;
	 z-index: 1000;
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 14px 0 14px 12px;
	 border-color: transparent transparent transparent #00aeef;
}
 #jpWalkthrough #jpwTooltip #tooltipInner {
	 color: #fff;
	 font-size: 1em;
}
 #jpWalkthrough #jpwTooltip #tooltipInner .tooltipTitle {
	 font-size: 40px;
}
 #jpWalkthrough .killOverlay {
	 background-image: none !important;
	 background-color: none !important;
}
 #jpwClose {
	 display: none;
	 width: 40px;
	 height: 40px;
	 position: absolute;
	 top: 0px;
	 right: 0px;
	 z-index: 1000000;
	 color: #fff;
	 text-align: center;
	 display: block;
	 border: none;
	 padding: 0;
	 color: #fff;
	 background: none;
}
 #jpwClose:hover {
	 color: #e4e4e4;
}
 #jpwClose i {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
 #jpwNext, #jpwFinish {
	 float: right;
}
 #jpwPrevious {
	 float: left;
}

.modal-walkthrough-panel-buttons .next-step,.modal-walkthrough-panel-buttons .finish-step{
	background: #fff !important;
    color: #00aeef !important;
}
.modal-walkthrough-panel .prev-step{
	border: 1px solid #ffffff !important;
    color: #fff !important;	
}

/*Walkthrough CSS Added by Soumen - END*/

/* Added by Ashwin for Cheques screens UI Requirement recheck-in*/
.importLoansSearchdiv .inv_cheq.col {
    width: 42.5% !important;
}
@media screen and (max-width: 767px) {
.importLoansSearchdiv .inv_cheq.col {
    width: 100% !important;
}
}
/* Added by Ashwin for Cheques screens UI Requirement end*/
.pfm_budget_table .mt10 .bfTable {
	margin-top: 10px !important;
	
}
.budget_add .querytextright_stage3.eff-from span:nth-child(2) .labelColumn_combo_brdr_small{
	float:right;
}

span.customlink:before,
.customlink a:before{
    content:"" !important;
}

.customlink{
    display: inline-block;
    margin-left: 15px;
    margin-top: 1px;
}

.op-text-align-fix table > thead > tr > th:nth-child(4) {
	text-align:left !important;	
}

.op-text-align-fix table > tbody > tr > td:nth-child(7){
    text-align:right !important;
}

.op-text-align-fix table > thead > tr > th:nth-child(5){
    padding-right:20px !important;
}	


a.btn-floating.btn-large{
	bottom: 50px;
}


.pagination-wrapper .goto-division .paginationPageNumberGOSpan .waves-input-wrapper .waves-button-input {
    padding-top: 0px;
}

.dd-nav-btn-container{
       margin-top:0px !important; 
}
.stepPatch h2{
       margin: 0px !important;
}
#main .toprow h1{
           padding: 13px 0px 7px;
}
.op_title_bar{
       margin-bottom:0px !important;
}
.acc-detail-combo-fix  span.labelColumn_combo_small{
   margin:0px !important;
}


@media screen and (max-width: 767px) {
	.acc-detail-combo-fix  span.labelColumn_combo_small{
	   margin:0px !important;
	   width:100% !important;
	}	
}
.dateColRec.dateCol>span {
    display: inline-block;
    width: 100%;
}


.stage3_leftrightmainpanel{
    background:none;
}



.ui-dialog .stage3_previewconfirm_label_column,
.ui-dialog .is_general_details .stage3_previewconfirm_label_column,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_label_column,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .formrow .querytextleft{
    width:50% !important;
    text-align:right!important;
    margin-right:0px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
    padding-right:0px !important;
    display: inline-block !important;
}

.ui-dialog .stage3_previewconfirm_details_column,
.ui-dialog .is_general_details .stage3_previewconfirm_details_column,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .formrow .querytextright{
    width:50% !important;
    margin-right:0px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
    padding-left:15px !important;
    display: inline-block !important;
}

.ui-dialog .stage3_previewconfirm_details_column:before,
.ui-dialog .is_general_details .stage3_previewconfirm_details_column:before,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column:before,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .formrow .querytextright:before{     
    content: ':';
    float: left !important;
    font-weight: bold;
    margin: 0 -10px;
    color: #696969;
}


.ui-dialog .stage3_previewconfirmdetails .stage3_previewdetailsrow .stage3_previewconfirm_label_column span,
.ui-dialog .stage3_previewconfirmdetails .stage3_previewdetailsrow .stage3_previewconfirm_label_column label,
.ui-dialog .stage3_previewconfirm_label_column span,
.ui-dialog .is_general_details .stage3_previewconfirm_label_column span,
.ui-dialog .stage3_previewconfirm_label_column label,
.ui-dialog .is_general_details .stage3_previewconfirm_label_column label{
    padding-right:0px !important;
    
}

.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails{
    width:100% !important;
}


.ui-dialog .stage3_leftrightmainpanel h3{
    text-align:center;
}

.ui-dialog.ui-widget .is_general_details .stage3_previewdetailsrow,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .formrow,
.ui-dialog.ui-widget .stage3_leftrightmainpanel .stage3_previewdetailsrow{
    margin:0px !important;
	padding: 0px !important;
}

.ui-dialog .stage3_previewconfirm_details_column.sub-heading,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column.sub-heading{
    width:100% !important;
    text-align:center;
}

.ui-dialog .is_general_details .stage3_previewconfirm_details_column a:before,
.ui-dialog .stage3_previewconfirm_details_column.sub-heading:before,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .stage3_previewconfirmdetails .stage3_previewconfirm_details_column.sub-heading:before{
    content:"";
    margin:0px !important;
}

.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details h4{
    text-align:center !important;
}

.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .formrow .querytextleft span,
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details .formrow .querytextright span{
    padding:0px !important;
}

.ui-dialog .redstar{
	font-size: 14px !important;
}

.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details{
    margin:0px !important;
    padding:0px !important;
}
.ui-dialog.ui-widget .stage3_leftrightmainpanel.is_general_details h3{
    width:100% !important;
    padding: 10px 0 !important;
}
.op-trans-sort-fix th.footable-sortable > span{
	padding-right: 0px !important;
}
.op-trans-sort-fix th.footable-sortable > span.fooicon{
	position: relative;
}
.op-trans-sort-fix th.footable-sortable > span.fooicon:nth-child(2):hover,
.op-trans-sort-fix th.footable-sortable:nth-child(3) > span.fooicon:hover,
.op-trans-sort-fix th.footable-sortable:nth-child(3) > span.fooicon{
	padding-right: 0px !important;
	top:-32px !important;
}

@media screen and (max-width: 600px)
{.resp_remove {
    display: none;
}}


.emailIDlength{
    width: 150% !important;
}


@media screen and (max-width: 767px) {
	.accordianmenu-xs-fix .accordianmenu {
		border: none !important;
	}
	.accordianmenu-xs-fix {
		display: block !important;
		position: relative;
		width: 100% !important;
		min-width: auto !important;
		max-width: none !important;
		padding: 0px;
		border: 1px solid #E0E0E0;
		margin-bottom: 10px !important;
	}
	#ParentDiv_MailsHomeCorp_STATIC_MailListNew {
		border: none;
	}
	.accordianmenu-xs-fix  .accordianmenu .headerbaropen_index {
		width: 100% !important;
		border: none !important;
		border-bottom: 1px solid #E0E0E0 !important;
	}
	.accordianmenu-xs-fix .accordianmenu .headerbar {
		border: none !important;
		border-bottom: 1px solid #E0E0E0 !important;
	}
	.accordianmenu-xs-fix .accordianmenu .headerbar:last-child{
	    border-bottom: none !important;
	}
}

/****Login changes start *******/
.introdun {
  position: relative;
  padding-bottom: 40px !important;
}
.introdun .swiper-slide {
  background: transparent;
  display: block;
  text-align: left;
}
.introdun .swiper-slide .text-holder.text-primary {
  width: 100%;
}
.introdun .swiper-pagination {
  text-align: left;
  bottom: 0px;
  width: 100%;
  top: auto;
}
.introdun .swiper-pagination-bullet {
  margin: 0 5px;
  height: 14px;
  width: 14px;
  opacity: 1;
  background: #fff;
}
.introdun .swiper-pagination-bullet-active {
  background: #00aeef;
  border: 1px solid #fff;
}




.introdun .swiper-slide button.primary-btn{
	border: 1px solid #00aeef;
    background-color: #fff;
    color: #00aeef;
}

.introdun .promo-text{
	font-size: 1.42857em;
    line-height: 1.2em;
    margin: 24px 0 24px 0;
    color: white;
    display: block;
}
.logo-section{
	display:flex;
}
.new-login-panel.width50percent_login{
	top:auto !important;
}
.new-login-panel .login-title{
	padding: 0px;
    line-height: 28px;
    padding-left: 30px;  	
}


.new-login-panel .login-title span{
    display:block !important;    
}

.new-login-panel .login-title span:last-child{
    padding-bottom:20px !important;
}
.new-login-panel .pb0{
	padding-bottom: 0px;
}

.newloginbg{
	display: flex;
  
    align-items: center;
    flex-wrap: wrap;	
    transition: all ease-in 0.3s;
}
.new-login-panel{
	padding: 0 1.72rem !important;
	background:transparent  !important;
	box-shadow:none !important;
}

/* .new-login-panel .user-id
.new-login-panel .access-code{
	display:flex;
	flex-wrap: wrap;
} */

/* .new-login-panel .user-id .user-id-label{
	min-width: 100px;
    font-size: 14px;
    line-height: 43px;
}
.new-login-panel .access-code .access-code-label{
	min-width: 100px;
    font-size: 14px;
    line-height: 43px;
}
 */
.new-login-panel .access-code label.active,
.new-login-panel .user-id label.active,.new-login-panel .corp-id label.active{
	    color: #696969 !important;
}

.new-login-panel .user-id input,.new-login-panel .corp-id input,.new-login-panel .access-code input{
    border-bottom: 1px solid #9D9FA2;
    float: right;
}

.new-login-panel .corp-id input:focus,
.new-login-panel .user-id input:focus,.new-login-panel .access-code input:focus {
	border-bottom: 1px solid #696969 !important;
    box-shadow: 0 1px 0 0 #696969 !important;
    -webkit-box-shadow: 0 1px 0 0 #696969 !important;
}

.new-login-panel .form-section {
	background: #ffffff;
    padding: 28px 23px;
    margin: 2px 0;
}


.new-login-panel .newloginPanelColumnDetailStyle{
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
}

.new-login-panel .new-login-btn button.login_button,.new-login-panel .new-login-btn button.login_button_small{
	width:100% !important;
	margin:0px !important;
}

.new-login-panel .new-login-btn{
	margin:0px !important;
	width:100% !important;
}

.new-login-panel .width-50{
	width:50% !important;
}
.new-login-panel .new-text-right{
	text-align: right !important;
}

.new-login-panel  span.register-line-hover{
	position:relative !important;
	margin-bottom: 10px !important;
}

.new-login-panel span.register-line-hover a{
    font-weight:600;
}

.new-login-panel  span.register-line-hover a:hover:after{
    width:50px;
}
.new-login-panel  span.register-line-hover a:after{
	height: 2px;
    width: 0px;
    position: absolute;
    bottom: -3px;
    left: 0px;
    content: '';
    background: #00aeef;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.panel-height-fix{
	min-height:auto !important;
}


.loginpanel-plr{
	padding-left:0px !important;
	padding-right:0px !important;
}
.mlr0{
	margin-left:0px !important;
	margin-right:0px !important;
}

.new-login-panel .mb10{
	margin-bottom:10px !important;
}

.link_decoration a{
	text-decoration: underline !important;
}
.link_decoration a:hover{
	text-decoration: none !important;
}


@media screen and (max-width: 767px) {
	.new-login-panel{
		width:100% !important;
		padding:0!important;	
	}
	.new-login-panel .form-section {
		padding: 27px 12px;
	}	
	
	.otp-panel,
    .adv-auth-panel,
    .scan-cronto-panel,
    .password-panel{
        padding: 28px 12px !important;
    }
	.stage3_searchpaneldiv{
		margin-left:0px !important;
	}
	.login-swiper{
	    padding:0 1.72em !important;	
	}
	.field-50-xs{
        width:50% !important;
    }
	
}






@media screen and (max-width: 767px) {
	.footer-wrapper .copyright{
		margin-top:0px !important;
	}	
	#footer{
		padding:1.7144em 0px !important;
	}
}



.footer-con{
	padding:0 0.86rem;
}
.footer-wrapper{
    font-size: 14px !important;
    padding-bottom: 1.7144em;
    background-color: #FBFBFB;
    padding-top: 1.7144em;
}
.footer-wrapper .copyright,
#footer ul li a{
	color: #58595b !important;
    font-size: 0.858em !important;
}
#footer ul{
    padding:0px !important;
}
#footer ul li a{
	color: #58595b !important;
    font-size: 0.858em !important;
}
#footer ul li a:hover {
    color: #00aeef !important;
}
.footer-wrapper .footer-links ul li{
        margin-right: 1.7144em;
}


/****Login changes End *******/




.downloadtext{
	top: 2.5px;
    left: 8px;
}
.cc-section .querytextright_stage3 .lookup_button,
.cc-section .querytextright_stage3 .lookup_buttonlarge{
   
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    width:100% !important; 
   
}
.cc-section{
height: 210px;
}

.new-cronto-screen{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: all ease-in 0.3s;
}

.new-cronto-screen .width50percent_login {
	top: auto !important;
    margin:0px !important;
}


@media only screen and (min-width: 768px) and (min-height: 1024px){
    .new-login-panel{
        padding:0px !important;
    }
}

@media only screen and (min-width: 1024px) and (min-height: 768px){
    .loginpanel-plr.col.s12 {
     width:50% !important;
 }
}


.cc-section .is_f_l .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column{
    margin:0px !important
}

@media screen and (max-width: 767px) {
	.for_pfm_table table>tbody>tr>td>span.footable-toggle.last-column:before,
	.for_tasdeed_table table>tbody>tr>td>span.footable-toggle.last-column:before,
	.pfmTables table>tbody>tr>td>span.footable-toggle.last-column:before,
	.op-trans-his-table table>tbody>tr>td>span.footable-toggle.last-column:before,
     .chequeList table>tbody>tr>td>span.footable-toggle.last-column:before,
    .acc-nickname table>tbody>tr>td>span.footable-toggle.last-column:before,
    .ppf-table table>tbody>tr>td>span.footable-toggle.last-column:before,
	.find-bank-modal table>tbody>tr>td>span.footable-toggle.last-column:before{
    	 width:40px !important;   
    }
    .for_pfm_table table>tbody>tr>td>span.footable-toggle.last-column,
    .for_tasdeed_table table>tbody>tr>td>span.footable-toggle.last-column,
    .pfmTables table>tbody>tr>td>span.footable-toggle.last-column,
    .op-trans-his-table table>tbody>tr>td>span.footable-toggle.last-column,
    .chequeList table>tbody>tr>td>span.footable-toggle.last-column,
    .acc-nickname table>tbody>tr>td>span.footable-toggle.last-column,
    .ppf-table table>tbody>tr>td>span.footable-toggle.last-column,
    .find-bank-modal table>tbody>tr>td>span.footable-toggle.last-column{
         float:right !important;  
    }
    .for_pfm_table table >tbody > tr > td.footable-last-visible,
    .for_tasdeed_table table>tbody>tr>td>span.footable-toggle.last-column,
    .pfmTables table > tbody > tr > td.footable-last-visible,
    .op-trans-his-table table > tbody > tr > td.footable-last-visible,
    .chequeList table > tbody > tr > td.footable-last-visible,
    .acc-nickname table > tbody > tr > td.footable-last-visible .bluelink_updatepreflink,
    .ppf-table table > tbody > tr > td.footable-last-visible .bluelink_updatepreflink,
    .find-bank-modal table > tbody > tr > td.footable-last-visible .bluelink{
        margin:0px !important;
        padding: 0px !important;
        vertical-align: middle !important;
        
    }
	.ui-dialog .ui-dialog-titlebar{
        padding-left:42px !important;
    }
    .ui-dialog .ui-dialog-titlebar button{
        position:relative !important;
        float:right !important;
        top:10px !important;
        right:10px !important;
        
    }
    .ui-dialog  .ui-dialog-titlebar .ui-dialog-title {
        width:calc(100% - 42px) !important;
        margin-top:16px !important;
    }
    
    .margin-top-xs65{
		margin-top:65px !important;
	}
	.btl-btn-xs {
		margin-left: 0px !important;
	}
	.btl-btn-xs .btn {
		margin-top: 20px !important;
	}
    .print-btn-xs .d-inline a:last-child{
        margin-top:0px !important;
    }
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front{
         margin:0px 10px !important;
         width:calc(100% - 20px) !important;
    }
 .op-trans-his-table table.footable-details > tbody > tr:first-child > td span.labelColumn_combo,
    .op-trans-his-table table.footable-details > tbody > tr:first-child > td span.labelColumn_combo input,
    .op-trans-his-table table.footable-details > tbody > tr:first-child > td span.labelColumn_combo  span.labelColumn_combo_brdr{
        width:150px !important;
        padding:0px !important;
        margin:0px !important;
    }

	.op-trans-his-table table.footable-details>tbody>tr>td:nth-child(2) {
		padding-right: 10px !important;
	}
	
	.op-trans-his-table table.footable-details>tbody>tr>td:nth-child(2) a,
	.op-trans-his-table table.footable-details>tbody>tr>td:nth-child(2) span{
		padding-right: 0px !important;
		word-break: break-word;
	}
	
	.op-trans-his-table table.footable-details>tbody>tr>th:nth-child(1) {
		line-height: 16px;
		vertical-align: middle;
	}
    .op-trans-his-table table > tbody > tr > td.footable-last-visible{
        line-height:40px !important;   
    }
	.graph-ph-text,.graph-amount{
	    padding:0px 5px !important;
	}
	.fav-footer-fix .navigationLeftButtons_resp,
	.fav-footer-fix .navigationRightButtons_resp{
		margin-top: 15px !important;
		padding:0px !important;
	}
	
    .fav-footer-fix .linkedValTable table th,
	.fav-footer-fix .delinkedValTable table th{
	    padding-left:2px !important;
	    padding-right:6px !important;
	}

    .fav-footer-fix .linkedValTable table th.footable-first-visible,
	.fav-footer-fix .delinkedValTable table th.footable-first-visible{
	    width:10% !important;
	}
	
	.mt-xs-15{
		margin-top:15px !important;
	}
	
	.op-trans-his-table table > tbody > tr > td.footable-last-visible a{
	    width:calc(100% - 40px) !important;
	    vertical-align:middle;
	    word-break:break-all;
	    margin:0px !important;
	}
	
	
	.querytextleft_withleftBorder_Auth {
		margin-top: 0px !important;
		margin-bottom: 20px !important;
	}
	.rec-pagination-xs .pagination-wrapper {
		padding: 10px 0px 0px 0px !important;
		height: auto !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new {
		padding: 0px !important;
		margin: 0px !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .goto-division {
		margin: 0px !important;
		padding: 10px 0px !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .goto-division .goto-textfield
		{
		width: calc(100% - 60px) !important;
		float: left;
		margin: 0px;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .goto-division .goto-textfield input
		{
		width: 100% !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .per-page {
		float: left !important;
		margin: 0px !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .navigation-status {
		float: right !important;
		margin: 0px !important;
		line-height: 40px !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .per-page .per-page-selector
		{
		height: auto !important;
		width: auto !important;
		padding: 0px !important;
		margin: 0px !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .per-page .paginationRowperPageLabel
		{
		margin: 0px !important;
		padding-right: 10px !important;
		line-height: 32px !important;
	}
	.rec-pagination-xs .pagination-wrapper .widgetFooterRight_new .per-page .per-page-selector .labelColumn_combo
		{
		padding: 0px !important;
	}
	.printwrapper .paginationtxt {
		width: 100% !important;
		display: block !important;
	}
	.printwrapper .parentTable .section span {
		float: left !important;
	}
	.printwrapper .parentTable .section span {
		width: 100% !important;
	}
	.printwrapper .parentTable .section span span:nth-child(3),
		.printwrapper .parentTable .section span span:nth-child(2) {
		width: 50% !important;
	}
	.printwrapper .parentTable .section span span:nth-child(2) {
		padding-right: 10px !important;
	}
	.printwrapper .parentTable .section span span:nth-child(3) {
		padding-left: 10px !important;
	}
	.printwrapper .parentTable .section span span:nth-child(3) i,
		.printwrapper .parentTable .section span span:nth-child(2) i {
		margin: 0px !important;
		height: 50px !important;
		width: 100% !important;
		padding:0 1rem !important;
	}
	.printwrapper .parentTable .section span span:nth-child(3) i input,
	.printwrapper .parentTable .section span span:nth-child(2) i input{
		padding:0px !important;
		line-height:50px !important;
		min-width:auto !important;
	}
	.for_custom_btn_back span .reset-btn input{
		left: 0px !important;
	    padding-left: 12px !important;
	    min-width: auto !important;
	 }
	.formrow .querytextleft {
		width: auto !important;
	}
	
	
	.field-fix-xs {
			border-bottom: 1px dotted rgba(0, 0, 0, 0.26) !important;
	}
	.field-fix-xs span {
			padding: 0px;
			line-height: 43px !important;
	}
	
	.pb-xs0{
		padding-bottom:0px !important;
	}
	
	.cc-section.is_f_l.second{
         height: auto;
         min-height: 218px !important;
         padding-top: 0px !important;
    }
    
    .cc-section.is_f_l.first{
         height: auto;
         min-height: 218px !important;
         padding-top: 0px !important;
    }
	
	.overlayHeaderStylecaps .closeIconStyle {
		    position: absolute;
		    top: 18px;
		    right: 8px;
	}
	.overlayTitleHeight span.ui-dialog-title {
		font-size: 20px !important;
		line-height: 24px !important;
		margin-bottom: 0px !important;
	}

	.mb-xs-20{
		margin-bottom:20px !important;
	}
	.pfm_stage3_tabmenupanel .for_custom_btn_back span .reset-btn input {
    left: 0px;
    width: 100%;
	}/* Added by Ashwin for PFM */
}
.zero-border,
.querytextleft_width100percent_withtextalignleft{
	border:none !important;
}

.zero-pad{
	padding: 0px !important;
}
.HW_tableLeftPadding{
padding-left:0px !important;
}
.biller table.footable > thead > tr > th.footable-sortable span.tableheader_nosort{
    font-size:1.1em !important;
}
.fav-footer-fix .widgetFooterRight_new{
    margin-top:0px !important;
}
.btn:hover{
    box-shadow:none !important;
}
.ddsConsumerCode span.labelColumn_combo_toosmall{
    width:50% !important;
}
.dd-container .stage3_inputpanel_paydetailsrow .querytextright_stage3.ddsConsumerCode span.labelColumn{
    width:50% !important;
}
@media screen and (min-width: 768px) {
	.plr-sm-30{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.pr-sm-25{
		padding-right: 25px !important;
	}
	.overlayTitleHeight{
        width:calc(100% - 50px) !important;
        padding-left:50px !important;
    }
   .overlayHeadingStyle{
        margin-bottom:0px !important;
    }
    .overlayHeaderStylecaps .closeIconStyle{
        position:absolute !important;
        top: 0px !important;
        right:20px !important;
        z-index:1000 !important;
    }
	
}
.querytextleft_withleftBorder_Auth{
	margin-top:0px !important;
	margin-bottom:20px !important;
}
.ddsTitleOfAmount{
	width:100% !important;
}
@media screen and (max-width: 450px){
.dd-container .stage3_inputpanel_paydetailsrow .dcc_sr_limit .searchsimpletext_newlimit {width: 15% !important;}
.dd-container .stage3_inputpanel_paydetailsrow .dcc_sr_limit .labelColumn {width: 85% !important;}
.is_general_details .stage3_previewconfirm_details_column{padding-left:10px !important;}
}

label.active{
    color:#696969 !important;    
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
	.ui-keyboard-button {
		height: 28px;
		min-width: 28px;
		margin: 1px;
		line-height: 1.5;
	}
	.ui-keyboard{
		padding: 5px !important;
	    margin-left: auto;
	    margin-right: auto;
	    left:0px !important;
	}
	
}
@media screen and (min-width: 768px) {
.dd-container .stage3_inputpanel_paydetailsrow .radio_casa_sr1 {width: 25% !important;}
.dd-container .stage3_inputpanel_paydetailsrow .radio_casa_sr2 {width: 40% !important;}
}





.account-icon table tbody tr td.loan-types{
    width:50px !important;
}

.logout-panel,
.otp-panel,
.adv-auth-panel,
.scan-cronto-panel,
.password-panel{
    padding: 28px 23px !important;
}

.adv-auth-panel .radio_buttons_register{
    padding-top:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    margin:0px !important;
}

.logout-panel .errorDisplayStyle,
.otp-panel .errorDisplayStyle{
	padding:0px !important;
}

.logout-panel .logoutrow{
	margin-top:20px !important;
}


.otp-panel .loginrow,
.adv-auth-panel .loginrow,
.otp-panel .loginPanelInputDetailsrow,
.otp-panel .loginPanelColumnDetailStyle{
	width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

.otp-panel .loginrow button{
    width:100% !important;
}

.otp-panel .loginPanelInputDetailsrow{
    margin:20px 0px !important;
}


.scan-cronto-panel .scan-cronto-image .loginPanelColumnDetailStyle{
	margin:0 auto !important;
	padding: 0px !important;
	width:100% !important;
	text-align: center !important;
}

.otp-panel .blockquote{
    margin:0px !important;
    text-align:justify !important;

}


.txn-widget-pad .empty-widget{
    padding:0 1.7144em 1.7144em 1.7144em !important;
}
.txn-widget-pad .empty-widget .message-row-contianer{
    padding:0px !important;
}
.txn-widget-pad .empty-widget .messages-type ul li a{
    width:100% !important;
    padding:0px !important;
}

/*Added by Ashwin for last column visibilty*/
.showlast table.footable > thead > tr > th.footable-sortable:last-child{visibility:visible !important;}
.dd-container .radioSR .querytextright_stage3.for_radio_width {width: 55%;}

@media screen and (max-width: 767px) {
	.logout-panel,
	.otp-panel,
	.adv-auth-panel,
	.scan-cronto-panel,
	.password-panel{
	    padding: 27px 12px !important;
	}
	
	
    .logout-panel #MessageDisplay_TABLE,
	.otp-panel #MessageDisplay_TABLE,
	.logout-panel .errorDisplayStyle,
	.otp-panel .errorDisplayStyle{
		padding:0px !important;
	}
	.txn-widget-pad .empty-widget{
 	   padding-left:0.86em !important;
 	   padding-right:0.86em !important;
	}
	.ben-word-break table tbody td span {
		padding: 0px !important;
	}
	.ben-word-break table>thead th:nth-child(4), .ben-word-break table>tbody>tr>td:nth-child(4),
	.ben-word-break table>thead th:nth-child(2), .ben-word-break table>tbody>tr>td:nth-child(2){
		width: 35% !important;
	}
	
	.ben-word-break table.footable > tbody > tr > th{
      	  display:table-cell !important;
   	 }
	.lh40-xs {
		line-height:40px !important;
	}
}
.ben-word-break table * {
		word-break: break-word !important;
}


.ptop0{
	    padding-top: 0px !important;
}
.nbf-faq-link{
	display: block;
    margin-top: 1.86em;
    font-weight: 700;
}

.link-help {
    position: relative;
    display: inline-block;
}

.link-help .tooltiptext {
    visibility: hidden;
    width: 80px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    margin-top: -35px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.link-help:hover .tooltiptext {
    visibility: visible;
}
.primary-btn:focus{
    background-color: #008cbf;
}

.waves-effect.waves-light .waves-ripple {
   background-color: rgba(0, 174, 239, 0.7);
}
.login-swiper .swiper-slide .waves-effect .waves-ripple{
    background-color: rgba(0, 174, 239, 0.7);
}

.mailTitle .listingcol{
    margin:0px !important;
    padding:0px!important;
}

.mailTitle .listingcol span{
    padding:0px 6px!important;
    
}

.mailAttachment .stage3_inputpanel_column{
	margin-top:3px;
}

.mailAttached .stage3_inputpanel_column{
	margin-top:0px;
}

.pfm_whitetabhover_bold_tab {
  border-bottom: 3px solid #00aeef;
  color: #00aeef;
}

.rtpanelreply a:link , .replytxt a:link, .right_nav a ,.addrecepient a {
  color: #00aeef;
}


@media screen and (max-width: 992px) {
	.hide-xs-mob-tab-con{
		display: none !important;
	}

}


@media screen and (min-width: 993px) {
	.hide-lg-mob-tab-con{
		display: none !important;
	}
}
.new-login-error-con #MessageDisplay_TABLE{
    padding:0px !important;
}



.new-login-error-con #MessageDisplay_TABLE .width100percent{
    display:none !important;
}


.new-login-error-con #MessageDisplay_TABLE .errorContentWrapper.greenbg a{
    display:none !important;


}


.new-login-error-con #MessageDisplay_TABLE .errorContentWrapper.greenbg span{
    width:100% !important;
    padding:10px !important;
}

.new-login-error-con #MessageDisplay_TABLE .errorContentWrapper.greenbg{
    margin-bottom:5px !important;
}







.querytextrightOTP .labelColumn_nextgenOTP{
    width:50% !important;
}

.querytextrightOTP .labelColumn_nextgenOTP input.authorization-password{
    width:100% !important;
}

.querytextrightOTP .searchsimpletext{
    width:100% !important;
    padding-left:25% !important;
}
@media screen and (max-width: 767px) {
	.querytextrightOTP .searchsimpletext{
		padding-left:0% !important;
	}	
}
.querytextright_stage3.oafRadio .searchsimpletext{
	padding-top: 5px !important;
    width: calc(100% - 50px);
    padding-right: 0px;
    text-align: justify;
}




.learnmore-btn,
.learnmore-btn:hover{
    border: 1px solid #00aeef;
    background-color: #fff;
    color: #00aeef;
}

.simpletext9 {
	color: #696969;
	 font-size: 0.85em;
	 font-weight: bold;
	 display: block;
}

.tnc_scr {width: 34% !important; padding-top:10px; min-width: 350px;}
.tnc_scr .loginPanelHeaderTextStyle{padding-bottom: 0px;}
.tnc_scr .loginPanelInputDetailsrow.radio_buttons_register{padding: 0px 0px 0px 14px !important;}
.loginPanelHeaderOTPTextStyle{
	    font-size: 18px !important;
    font-weight: normal;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
    color: #696969;
    text-align: center;
}
.new_panel .cron-title{
	/* line-height: 28px;
	padding-left: 50px !important;
	font-weight: 500;
	font-size:15px !important;
	padding-left:14% !important;
    padding-right:14% !important; */
}
/* .loginPanelInputDetailsrow, .loginPanelImagePhraserow{
    padding-bottom:10px !important;
} */
/* .new_panel .login-title span{
    display: block;
    padding-bottom: 10px;
} */
.new_panel .login-title{
    padding-bottom:0px;
}
.tnc_scr .stepPatch {
  /* padding:0px 10px; */
}
.tnc_scr .login-title{
	width: 100%;
}
.tnc_scr .loginrow .login_button_small{
    width:90%;
}
.new_panel .cron-title.loginTextAlign{
    padding: 0% 5% !important;
    font-size:15px !important;
}
.new_panel .cron-title.offlineOTP{
    padding-bottom: 15px !important;
}
.new_panel .loginrow{
    /* padding-top: 20px !important; */
}
.simpletext9:before{
content: '*';
float: left !important;
font-weight: bold;
margin: 0 -15px;
color: #6D6E71;
vertical-align: middle !important;
}
.resetAdvanceFlow{
	padding: 0px 23px !important;
}
.resetAdvanceFlowLink{
    margin-top:0px !important;
}
.resetContinueButton{
    padding-top:20px;
}
.loginTextDisplay{
	display:inherit;
}
.otpWidth{
	width:45% !important;	
}
.mrConto{
margin-top:20px !important;
font-weight: bold;	
}

.adv-step-pad .loginPanelHeaderTextStyle.resetCronStyle span{
    padding: 0% 5% !important;
    font-size:16px !important;
   	display: inherit;
}
.crontoResetBelowTextDisplay{
    padding: 15px 10px;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    font-size: 15px !important;
    color: #696969;
    font-family: 'helveticaneuemedium', Arial, sans-serif !important;
}
/* Added by Raghav Login CR Changes start*/
.width50percent_login .type_FEBADate{
    padding-left:24px !important;
}
.width50percent_login .errorCodeWrapper {
        width: 71% !important;
}
/* Added by Raghav Login CR Changes end*/
.width100percent_main_loginbg {
	height: calc(100vh - 64px) !important;
}
.text_align_justify{
	text-align:justify !important;
}
.is_f_l.first .labelColumn_combo_small, .is_f_l .querytextright_stage3,
	.is_f_l.first, .is_f_l.second, .other_details h3,
	.transfersection_btw_acc h3, .stage3_inputpanel_paydetailsrow {
	margin: 0px !important;
}
.marginTop2
{
	margin-top:	2px !important;
}